Criar conta Criar conta
Haunted Hues

Haunted Hues

Paleta de 11 cores · Quente · Mista · Harmonia: Triádica

Voltar à biblioteca

Haunted Hues

Paleta de 11 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Triádica

Editar
Terrosa 11 cores Quente Mista Triádica pixelart orange fall night
Curtidas 36
Cores 11

Variáveis CSS

:root {
  --c-earthy-1: #0C000C;
  --c-earthy-2: #605769;
  --c-earthy-3: #868192;
  --c-earthy-4: #A2A8B2;
  --c-earthy-5: #F8E968;
  --c-earthy-6: #FFA75E;
  --c-earthy-7: #C36754;
  --c-earthy-8: #993D55;
  --c-earthy-9: #702D51;
  --c-earthy-10: #4A2957;
  --c-earthy-11: #411C41;
}

Sobre esta paleta

Esta paleta terrosa de 11 cores vai de Yellowish (#F8E968), o tom mais claro, até Glossy Black (#0C000C), o mais escuro. Ela reúne Glossy Black, Darkest Grape, Formal Affair, Chateau de Chillon, Yellowish, Peaches à la Crème, Sedona Canyon, Algae Red, Bordeaux Red, Deep Plum e Purple Void em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #0C000C sobre #F8E968, com 16,5:1.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.

Análise das cores

Glossy Black #0C000C
RGB
rgb(12, 0, 12)
HSL
hsl(300, 100%, 2%)
Luminância
0,001
Darkest Grape #605769
RGB
rgb(96, 87, 105)
HSL
hsl(270, 9%, 38%)
Luminância
0,103
Formal Affair #868192
RGB
rgb(134, 129, 146)
HSL
hsl(258, 7%, 54%)
Luminância
0,228
Chateau de Chillon #A2A8B2
RGB
rgb(162, 168, 178)
HSL
hsl(218, 9%, 67%)
Luminância
0,389
Yellowish #F8E968
RGB
rgb(248, 233, 104)
HSL
hsl(54, 91%, 69%)
Luminância
0,792
Peaches à la Crème #FFA75E
RGB
rgb(255, 167, 94)
HSL
hsl(27, 100%, 68%)
Luminância
0,497
Sedona Canyon #C36754
RGB
rgb(195, 103, 84)
HSL
hsl(10, 48%, 55%)
Luminância
0,219
Algae Red #993D55
RGB
rgb(153, 61, 85)
HSL
hsl(344, 43%, 42%)
Luminância
0,108
Bordeaux Red #702D51
RGB
rgb(112, 45, 81)
HSL
hsl(328, 43%, 31%)
Luminância
0,059
Deep Plum #4A2957
RGB
rgb(74, 41, 87)
HSL
hsl(283, 36%, 25%)
Luminância
0,037
Purple Void #411C41
RGB
rgb(65, 28, 65)
HSL
hsl(300, 40%, 18%)
Luminância
0,023

Contraste e acessibilidade

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

Aa #0C000C sobre #F8E968 16,50:1 AAA
Aa #F8E968 sobre #411C41 11,48:1 AAA
Aa #0C000C sobre #FFA75E 10,72:1 AAA
Aa #F8E968 sobre #4A2957 9,65:1 AAA
Aa #0C000C sobre #A2A8B2 8,60:1 AAA
Aa #F8E968 sobre #702D51 7,72:1 AAA
Aa #FFA75E sobre #411C41 7,46:1 AAA
Aa #FFA75E sobre #4A2957 6,27:1 AA
Aa #A2A8B2 sobre #411C41 5,98:1 AA
Aa #605769 sobre #F8E968 5,50:1 AA
Aa #0C000C sobre #868192 5,45:1 AA
Aa #F8E968 sobre #993D55 5,34:1 AA
Aa #0C000C sobre #C36754 5,28:1 AA
Aa #A2A8B2 sobre #4A2957 5,03:1 AA
Aa #FFA75E sobre #702D51 5,01:1 AA
Aa #A2A8B2 sobre #702D51 4,02:1 AA, texto grande
Aa #868192 sobre #411C41 3,80:1 AA, texto grande
Aa #C36754 sobre #411C41 3,67:1 AA, texto grande
Aa #605769 sobre #FFA75E 3,57:1 AA, texto grande
Aa #FFA75E sobre #993D55 3,47:1 AA, texto grande
Aa #868192 sobre #4A2957 3,19:1 AA, texto grande
Aa #F8E968 sobre #C36754 3,13:1 AA, texto grande
Aa #0C000C sobre #993D55 3,09:1 AA, texto grande
Aa #C36754 sobre #4A2957 3,09:1 AA, texto grande
Aa #868192 sobre #F8E968 3,03:1 AA, texto grande
Aa #0C000C sobre #605769 3,00:1 AA, texto grande
Aa #605769 sobre #A2A8B2 2,87:1 Reprovado
Aa #A2A8B2 sobre #993D55 2,78:1 Reprovado
Aa #868192 sobre #702D51 2,55:1 Reprovado
Aa #C36754 sobre #702D51 2,47:1 Reprovado
Aa #993D55 sobre #411C41 2,15:1 Reprovado
Aa #0C000C sobre #702D51 2,14:1 Reprovado
Aa #605769 sobre #411C41 2,09:1 Reprovado
Aa #FFA75E sobre #C36754 2,03:1 Reprovado
Aa #868192 sobre #FFA75E 1,96:1 Reprovado
Aa #A2A8B2 sobre #F8E968 1,92:1 Reprovado
Aa #605769 sobre #868192 1,82:1 Reprovado
Aa #993D55 sobre #4A2957 1,81:1 Reprovado
Aa #868192 sobre #993D55 1,77:1 Reprovado
Aa #605769 sobre #C36754 1,76:1 Reprovado
Aa #605769 sobre #4A2957 1,76:1 Reprovado
Aa #0C000C sobre #4A2957 1,71:1 Reprovado
Aa #C36754 sobre #993D55 1,71:1 Reprovado
Aa #A2A8B2 sobre #C36754 1,63:1 Reprovado
Aa #868192 sobre #A2A8B2 1,58:1 Reprovado
Aa #F8E968 sobre #FFA75E 1,54:1 Reprovado
Aa #702D51 sobre #411C41 1,49:1 Reprovado
Aa #0C000C sobre #411C41 1,44:1 Reprovado
Aa #993D55 sobre #702D51 1,44:1 Reprovado
Aa #605769 sobre #702D51 1,40:1 Reprovado
Aa #A2A8B2 sobre #FFA75E 1,25:1 Reprovado
Aa #702D51 sobre #4A2957 1,25:1 Reprovado
Aa #4A2957 sobre #411C41 1,19:1 Reprovado
Aa #605769 sobre #993D55 1,03:1 Reprovado
Aa #868192 sobre #C36754 1,03:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores