Criar conta Criar conta
Blue Night

Blue Night

Paleta de 9 cores · Fria · Escura · Harmonia: Análoga

Voltar à biblioteca

Blue Night

Paleta de 9 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 9 cores Fria Escura Análoga night dark blue cool
Curtidas 27
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #050526;
  --c-muted-2: #12073E;
  --c-muted-3: #201254;
  --c-muted-4: #241B67;
  --c-muted-5: #242472;
  --c-muted-6: #283077;
  --c-muted-7: #30407D;
  --c-muted-8: #3F578A;
  --c-muted-9: #4576A3;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Decoration Blue (#4576A3), o tom mais claro, até Mysterious Depths (#050526), o mais escuro. Ela reúne Mysterious Depths, Congressional Navy, Praise of Shadow, Intergalactic Cowboy, After Work Blue, Blue Rose, Mazarine Blue, Demon Blue e Decoration Blue em um único conjunto que você pode levar direto para uma interface. Nenhum dos 36 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Mysterious Depths #050526
RGB
rgb(5, 5, 38)
HSL
hsl(240, 77%, 8%)
Luminância
0,003
Congressional Navy #12073E
RGB
rgb(18, 7, 62)
HSL
hsl(252, 80%, 14%)
Luminância
0,006
Praise of Shadow #201254
RGB
rgb(32, 18, 84)
HSL
hsl(253, 65%, 20%)
Luminância
0,014
Intergalactic Cowboy #241B67
RGB
rgb(36, 27, 103)
HSL
hsl(247, 58%, 25%)
Luminância
0,021
After Work Blue #242472
RGB
rgb(36, 36, 114)
HSL
hsl(240, 52%, 29%)
Luminância
0,029
Blue Rose #283077
RGB
rgb(40, 48, 119)
HSL
hsl(234, 50%, 31%)
Luminância
0,039
Mazarine Blue #30407D
RGB
rgb(48, 64, 125)
HSL
hsl(228, 45%, 34%)
Luminância
0,058
Demon Blue #3F578A
RGB
rgb(63, 87, 138)
HSL
hsl(221, 37%, 39%)
Luminância
0,097
Decoration Blue #4576A3
RGB
rgb(69, 118, 163)
HSL
hsl(209, 41%, 45%)
Luminância
0,169

Contraste e acessibilidade

0 de 36 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #050526 sobre #4576A3 4,14:1 AA, texto grande
Aa #12073E sobre #4576A3 3,89:1 AA, texto grande
Aa #201254 sobre #4576A3 3,43:1 AA, texto grande
Aa #241B67 sobre #4576A3 3,06:1 AA, texto grande
Aa #050526 sobre #3F578A 2,79:1 Reprovado
Aa #242472 sobre #4576A3 2,78:1 Reprovado
Aa #12073E sobre #3F578A 2,61:1 Reprovado
Aa #283077 sobre #4576A3 2,46:1 Reprovado
Aa #201254 sobre #3F578A 2,31:1 Reprovado
Aa #241B67 sobre #3F578A 2,06:1 Reprovado
Aa #050526 sobre #30407D 2,04:1 Reprovado
Aa #30407D sobre #4576A3 2,03:1 Reprovado
Aa #12073E sobre #30407D 1,91:1 Reprovado
Aa #242472 sobre #3F578A 1,87:1 Reprovado
Aa #201254 sobre #30407D 1,69:1 Reprovado
Aa #050526 sobre #283077 1,68:1 Reprovado
Aa #283077 sobre #3F578A 1,65:1 Reprovado
Aa #12073E sobre #283077 1,58:1 Reprovado
Aa #241B67 sobre #30407D 1,51:1 Reprovado
Aa #050526 sobre #242472 1,49:1 Reprovado
Aa #3F578A sobre #4576A3 1,49:1 Reprovado
Aa #12073E sobre #242472 1,40:1 Reprovado
Aa #201254 sobre #283077 1,39:1 Reprovado
Aa #242472 sobre #30407D 1,37:1 Reprovado
Aa #30407D sobre #3F578A 1,36:1 Reprovado
Aa #050526 sobre #241B67 1,35:1 Reprovado
Aa #12073E sobre #241B67 1,27:1 Reprovado
Aa #241B67 sobre #283077 1,25:1 Reprovado
Aa #201254 sobre #242472 1,23:1 Reprovado
Aa #050526 sobre #201254 1,21:1 Reprovado
Aa #283077 sobre #30407D 1,21:1 Reprovado
Aa #12073E sobre #201254 1,13:1 Reprovado
Aa #242472 sobre #283077 1,13:1 Reprovado
Aa #201254 sobre #241B67 1,12:1 Reprovado
Aa #241B67 sobre #242472 1,10:1 Reprovado
Aa #050526 sobre #12073E 1,07:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC
4 cores
#0A2647 #144272 #205295 #2C74B3
4 cores
#040D12 #183D3D #5C8374 #93B1A6
4 cores
#142850 #27496D #0C7B93 #00A8CC
4 cores
#635985 #443C68 #393053 #18122B
4 cores
#000000 #150050 #3F0071 #610094
4 cores
#151515 #301B3F #3C415C #B4A5A5
4 cores
#041C32 #04293A #064663 #ECB365
4 cores