Criar conta Criar conta
Escape9

Escape9

Paleta de 9 cores · Fria · Escura · Harmonia: Triádica

Voltar à biblioteca

Escape9

Paleta de 9 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Triádica

Editar
Sóbria 9 cores Fria Escura Triádica green night blue moonlight
Curtidas 220
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #230019;
  --c-muted-2: #1F2439;
  --c-muted-3: #19374B;
  --c-muted-4: #396D7D;
  --c-muted-5: #719797;
  --c-muted-6: #A2B8B1;
  --c-muted-7: #557B78;
  --c-muted-8: #3C5F66;
  --c-muted-9: #254351;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Holly Glen (#A2B8B1), o tom mais claro, até Belladonna (#230019), o mais escuro. Ela reúne Belladonna, Midnight Express, Subterranean River, Kimberley Sea, Ship Shape, Holly Glen, Breaker Bay, Freedom e Reflecting Pond em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #230019 sobre #A2B8B1, com 9,24: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

Belladonna #230019
RGB
rgb(35, 0, 25)
HSL
hsl(317, 100%, 7%)
Luminância
0,004
Midnight Express #1F2439
RGB
rgb(31, 36, 57)
HSL
hsl(228, 30%, 17%)
Luminância
0,019
Subterranean River #19374B
RGB
rgb(25, 55, 75)
HSL
hsl(204, 50%, 20%)
Luminância
0,035
Kimberley Sea #396D7D
RGB
rgb(57, 109, 125)
HSL
hsl(194, 37%, 36%)
Luminância
0,133
Ship Shape #719797
RGB
rgb(113, 151, 151)
HSL
hsl(180, 15%, 52%)
Luminância
0,279
Holly Glen #A2B8B1
RGB
rgb(162, 184, 177)
HSL
hsl(161, 13%, 68%)
Luminância
0,451
Breaker Bay #557B78
RGB
rgb(85, 123, 120)
HSL
hsl(175, 18%, 41%)
Luminância
0,175
Freedom #3C5F66
RGB
rgb(60, 95, 102)
HSL
hsl(190, 26%, 32%)
Luminância
0,101
Reflecting Pond #254351
RGB
rgb(37, 67, 81)
HSL
hsl(199, 37%, 23%)
Luminância
0,050

Contraste e acessibilidade

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

Aa #230019 sobre #A2B8B1 9,24:1 AAA
Aa #1F2439 sobre #A2B8B1 7,32:1 AAA
Aa #230019 sobre #719797 6,06:1 AA
Aa #19374B sobre #A2B8B1 5,94:1 AA
Aa #A2B8B1 sobre #254351 5,01:1 AA
Aa #1F2439 sobre #719797 4,80:1 AA
Aa #230019 sobre #557B78 4,14:1 AA, texto grande
Aa #19374B sobre #719797 3,89:1 AA, texto grande
Aa #230019 sobre #396D7D 3,37:1 AA, texto grande
Aa #A2B8B1 sobre #3C5F66 3,32:1 AA, texto grande
Aa #719797 sobre #254351 3,29:1 AA, texto grande
Aa #1F2439 sobre #557B78 3,28:1 AA, texto grande
Aa #230019 sobre #3C5F66 2,78:1 Reprovado
Aa #396D7D sobre #A2B8B1 2,74:1 Reprovado
Aa #1F2439 sobre #396D7D 2,67:1 Reprovado
Aa #19374B sobre #557B78 2,66:1 Reprovado
Aa #557B78 sobre #254351 2,24:1 Reprovado
Aa #A2B8B1 sobre #557B78 2,23:1 Reprovado
Aa #1F2439 sobre #3C5F66 2,21:1 Reprovado
Aa #719797 sobre #3C5F66 2,18:1 Reprovado
Aa #19374B sobre #396D7D 2,16:1 Reprovado
Aa #230019 sobre #254351 1,84:1 Reprovado
Aa #396D7D sobre #254351 1,83:1 Reprovado
Aa #396D7D sobre #719797 1,80:1 Reprovado
Aa #19374B sobre #3C5F66 1,79:1 Reprovado
Aa #230019 sobre #19374B 1,56:1 Reprovado
Aa #719797 sobre #A2B8B1 1,52:1 Reprovado
Aa #3C5F66 sobre #254351 1,51:1 Reprovado
Aa #557B78 sobre #3C5F66 1,49:1 Reprovado
Aa #1F2439 sobre #254351 1,46:1 Reprovado
Aa #719797 sobre #557B78 1,46:1 Reprovado
Aa #230019 sobre #1F2439 1,26:1 Reprovado
Aa #1F2439 sobre #19374B 1,23:1 Reprovado
Aa #396D7D sobre #557B78 1,23:1 Reprovado
Aa #396D7D sobre #3C5F66 1,21:1 Reprovado
Aa #19374B sobre #254351 1,18: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