Criar conta Criar conta
The Dark

The Dark

Paleta de 5 cores · Fria · Mista · Harmonia: Análoga

Voltar à biblioteca

The Dark

Paleta de 5 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga

Editar
Sóbria 5 cores Fria Mista Análoga dark five 5 monotone
Curtidas 37
Cores 5

Variáveis CSS

:root {
  --c-muted-1: #ECFFFB;
  --c-muted-2: #858F97;
  --c-muted-3: #576373;
  --c-muted-4: #323859;
  --c-muted-5: #0C0421;
}

Sobre esta paleta

Esta paleta sóbria de 5 cores vai de Cold White (#ECFFFB), o tom mais claro, até Election Night (#0C0421), o mais escuro. Ela reúne Cold White, Common Feldspar, Midnight Shadow, Very Blue e Election Night em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #ECFFFB sobre #0C0421, com 19,21:1.

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

Cold White #ECFFFB
RGB
rgb(236, 255, 251)
HSL
hsl(167, 100%, 96%)
Luminância
0,963
Common Feldspar #858F97
RGB
rgb(133, 143, 151)
HSL
hsl(207, 8%, 56%)
Luminância
0,269
Midnight Shadow #576373
RGB
rgb(87, 99, 115)
HSL
hsl(214, 14%, 40%)
Luminância
0,122
Very Blue #323859
RGB
rgb(50, 56, 89)
HSL
hsl(231, 28%, 27%)
Luminância
0,042
Election Night #0C0421
RGB
rgb(12, 4, 33)
HSL
hsl(257, 78%, 7%)
Luminância
0,003

Contraste e acessibilidade

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

Aa #ECFFFB sobre #0C0421 19,21:1 AAA
Aa #ECFFFB sobre #323859 10,98:1 AAA
Aa #858F97 sobre #0C0421 6,04:1 AA
Aa #ECFFFB sobre #576373 5,89:1 AA
Aa #858F97 sobre #323859 3,45:1 AA, texto grande
Aa #576373 sobre #0C0421 3,26:1 AA, texto grande
Aa #ECFFFB sobre #858F97 3,18:1 AA, texto grande
Aa #576373 sobre #323859 1,86:1 Reprovado
Aa #858F97 sobre #576373 1,85:1 Reprovado
Aa #323859 sobre #0C0421 1,75:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores