Criar conta Criar conta
Emphasis10

Emphasis10

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

Voltar à biblioteca

Emphasis10

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

Editar
Sóbria 10 cores Fria Escura Triádica green monoramp blue
Curtidas 50
Cores 10

Variáveis CSS

:root {
  --c-muted-1: #0D0613;
  --c-muted-2: #051722;
  --c-muted-3: #012C43;
  --c-muted-4: #114B60;
  --c-muted-5: #237178;
  --c-muted-6: #399478;
  --c-muted-7: #57B67F;
  --c-muted-8: #6BD077;
  --c-muted-9: #85E879;
  --c-muted-10: #9FF26E;
}

Sobre esta paleta

Esta paleta sóbria de 10 cores vai de Stadium Lawn (#9FF26E), o tom mais claro, até Not Tonight (#0D0613), o mais escuro. Ela reúne Not Tonight, Creeping Death, Nordic Noir, Swallow Blue, Poseidon’s Castle, Illuminating Emerald, Jade Cream, Snow Pea, Herbivore e Stadium Lawn em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 17 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #0D0613 sobre #9FF26E, com 14,63: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

Not Tonight #0D0613
RGB
rgb(13, 6, 19)
HSL
hsl(272, 52%, 5%)
Luminância
0,003
Creeping Death #051722
RGB
rgb(5, 23, 34)
HSL
hsl(203, 74%, 8%)
Luminância
0,008
Nordic Noir #012C43
RGB
rgb(1, 44, 67)
HSL
hsl(201, 97%, 13%)
Luminância
0,022
Swallow Blue #114B60
RGB
rgb(17, 75, 96)
HSL
hsl(196, 70%, 22%)
Luminância
0,060
Poseidon’s Castle #237178
RGB
rgb(35, 113, 120)
HSL
hsl(185, 55%, 30%)
Luminância
0,135
Illuminating Emerald #399478
RGB
rgb(57, 148, 120)
HSL
hsl(162, 44%, 40%)
Luminância
0,234
Jade Cream #57B67F
RGB
rgb(87, 182, 127)
HSL
hsl(145, 39%, 53%)
Luminância
0,370
Snow Pea #6BD077
RGB
rgb(107, 208, 119)
HSL
hsl(127, 52%, 62%)
Luminância
0,496
Herbivore #85E879
RGB
rgb(133, 232, 121)
HSL
hsl(114, 71%, 69%)
Luminância
0,641
Stadium Lawn #9FF26E
RGB
rgb(159, 242, 110)
HSL
hsl(98, 84%, 69%)
Luminância
0,720

Contraste e acessibilidade

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

Aa #0D0613 sobre #9FF26E 14,63:1 AAA
Aa #051722 sobre #9FF26E 13,37:1 AAA
Aa #0D0613 sobre #85E879 13,13:1 AAA
Aa #051722 sobre #85E879 11,99:1 AAA
Aa #012C43 sobre #9FF26E 10,68:1 AAA
Aa #0D0613 sobre #6BD077 10,37:1 AAA
Aa #012C43 sobre #85E879 9,58:1 AAA
Aa #051722 sobre #6BD077 9,47:1 AAA
Aa #0D0613 sobre #57B67F 7,98:1 AAA
Aa #012C43 sobre #6BD077 7,57:1 AAA
Aa #051722 sobre #57B67F 7,29:1 AAA
Aa #114B60 sobre #9FF26E 7,00:1 AAA
Aa #114B60 sobre #85E879 6,28:1 AA
Aa #012C43 sobre #57B67F 5,82:1 AA
Aa #0D0613 sobre #399478 5,40:1 AA
Aa #114B60 sobre #6BD077 4,96:1 AA
Aa #051722 sobre #399478 4,93:1 AA
Aa #237178 sobre #9FF26E 4,16:1 AA, texto grande
Aa #012C43 sobre #399478 3,94:1 AA, texto grande
Aa #114B60 sobre #57B67F 3,82:1 AA, texto grande
Aa #237178 sobre #85E879 3,73:1 AA, texto grande
Aa #0D0613 sobre #237178 3,52:1 AA, texto grande
Aa #051722 sobre #237178 3,22:1 AA, texto grande
Aa #237178 sobre #6BD077 2,95:1 Reprovado
Aa #399478 sobre #9FF26E 2,71:1 Reprovado
Aa #114B60 sobre #399478 2,58:1 Reprovado
Aa #012C43 sobre #237178 2,57:1 Reprovado
Aa #399478 sobre #85E879 2,43:1 Reprovado
Aa #237178 sobre #57B67F 2,27:1 Reprovado
Aa #0D0613 sobre #114B60 2,09:1 Reprovado
Aa #399478 sobre #6BD077 1,92:1 Reprovado
Aa #051722 sobre #114B60 1,91:1 Reprovado
Aa #57B67F sobre #9FF26E 1,83:1 Reprovado
Aa #114B60 sobre #237178 1,68:1 Reprovado
Aa #57B67F sobre #85E879 1,64:1 Reprovado
Aa #237178 sobre #399478 1,53:1 Reprovado
Aa #012C43 sobre #114B60 1,52:1 Reprovado
Aa #399478 sobre #57B67F 1,48:1 Reprovado
Aa #6BD077 sobre #9FF26E 1,41:1 Reprovado
Aa #0D0613 sobre #012C43 1,37:1 Reprovado
Aa #57B67F sobre #6BD077 1,30:1 Reprovado
Aa #6BD077 sobre #85E879 1,27:1 Reprovado
Aa #051722 sobre #012C43 1,25:1 Reprovado
Aa #85E879 sobre #9FF26E 1,11:1 Reprovado
Aa #0D0613 sobre #051722 1,09: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