Criar conta Criar conta
Midnight Magic

Midnight Magic

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

Voltar à biblioteca

Midnight Magic

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

Editar
Sóbria 7 cores Fria Escura Análoga purple
Curtidas 74
Cores 7

Variáveis CSS

:root {
  --c-muted-1: #05020D;
  --c-muted-2: #12021A;
  --c-muted-3: #1D072A;
  --c-muted-4: #260F3F;
  --c-muted-5: #381E5E;
  --c-muted-6: #4D3981;
  --c-muted-7: #6660A3;
}

Sobre esta paleta

Esta paleta sóbria de 7 cores vai de Giant Onion (#6660A3), o tom mais claro, até Broken Tube (#05020D), o mais escuro. Ela reúne Broken Tube, Midnight Jam, Black Sabbath, Shadow Planet, Christalle, Prism Violet e Giant Onion em um único conjunto que você pode levar direto para uma interface. Nenhum dos 21 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

Broken Tube #05020D
RGB
rgb(5, 2, 13)
HSL
hsl(256, 73%, 3%)
Luminância
0,001
Midnight Jam #12021A
RGB
rgb(18, 2, 26)
HSL
hsl(280, 86%, 5%)
Luminância
0,003
Black Sabbath #1D072A
RGB
rgb(29, 7, 42)
HSL
hsl(278, 71%, 10%)
Luminância
0,006
Shadow Planet #260F3F
RGB
rgb(38, 15, 63)
HSL
hsl(269, 62%, 15%)
Luminância
0,011
Christalle #381E5E
RGB
rgb(56, 30, 94)
HSL
hsl(264, 52%, 24%)
Luminância
0,026
Prism Violet #4D3981
RGB
rgb(77, 57, 129)
HSL
hsl(257, 39%, 36%)
Luminância
0,061
Giant Onion #6660A3
RGB
rgb(102, 96, 163)
HSL
hsl(245, 27%, 51%)
Luminância
0,138

Contraste e acessibilidade

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

Aa #05020D sobre #6660A3 3,69:1 AA, texto grande
Aa #12021A sobre #6660A3 3,59:1 AA, texto grande
Aa #1D072A sobre #6660A3 3,38:1 AA, texto grande
Aa #260F3F sobre #6660A3 3,08:1 AA, texto grande
Aa #381E5E sobre #6660A3 2,49:1 Reprovado
Aa #05020D sobre #4D3981 2,17:1 Reprovado
Aa #12021A sobre #4D3981 2,11:1 Reprovado
Aa #1D072A sobre #4D3981 1,99:1 Reprovado
Aa #260F3F sobre #4D3981 1,81:1 Reprovado
Aa #4D3981 sobre #6660A3 1,70:1 Reprovado
Aa #05020D sobre #381E5E 1,48:1 Reprovado
Aa #381E5E sobre #4D3981 1,46:1 Reprovado
Aa #12021A sobre #381E5E 1,44:1 Reprovado
Aa #1D072A sobre #381E5E 1,36:1 Reprovado
Aa #260F3F sobre #381E5E 1,24:1 Reprovado
Aa #05020D sobre #260F3F 1,20:1 Reprovado
Aa #12021A sobre #260F3F 1,17:1 Reprovado
Aa #1D072A sobre #260F3F 1,10:1 Reprovado
Aa #05020D sobre #1D072A 1,09:1 Reprovado
Aa #12021A sobre #1D072A 1,06:1 Reprovado
Aa #05020D sobre #12021A 1,03: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