Registrarse Registrarse
Haunted Hues

Haunted Hues

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

Haunted Hues

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía triádica

Editar
Colores terrosos 11 colores Colores cálidos Tonos mixtos Armonía triádica pixelart orange fall night
Me gusta 36
Colores 11

Variables 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 de 11 colores terrosos va de Yellowish (#F8E968), su tono más claro, a Glossy Black (#0C000C), el más oscuro. Combina Glossy Black, Darkest Grape, Formal Affair, Chateau de Chillon, Yellowish, Peaches à la Crème, Sedona Canyon, Algae Red, Bordeaux Red, Deep Plum y Purple Void en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #0C000C sobre #F8E968, con 16,5:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

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

Contraste y accesibilidad

Combinaciones de colores en la paleta: 55. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

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 No aprobado
Aa #A2A8B2 sobre #993D55 2,78:1 No aprobado
Aa #868192 sobre #702D51 2,55:1 No aprobado
Aa #C36754 sobre #702D51 2,47:1 No aprobado
Aa #993D55 sobre #411C41 2,15:1 No aprobado
Aa #0C000C sobre #702D51 2,14:1 No aprobado
Aa #605769 sobre #411C41 2,09:1 No aprobado
Aa #FFA75E sobre #C36754 2,03:1 No aprobado
Aa #868192 sobre #FFA75E 1,96:1 No aprobado
Aa #A2A8B2 sobre #F8E968 1,92:1 No aprobado
Aa #605769 sobre #868192 1,82:1 No aprobado
Aa #993D55 sobre #4A2957 1,81:1 No aprobado
Aa #868192 sobre #993D55 1,77:1 No aprobado
Aa #605769 sobre #C36754 1,76:1 No aprobado
Aa #605769 sobre #4A2957 1,76:1 No aprobado
Aa #0C000C sobre #4A2957 1,71:1 No aprobado
Aa #C36754 sobre #993D55 1,71:1 No aprobado
Aa #A2A8B2 sobre #C36754 1,63:1 No aprobado
Aa #868192 sobre #A2A8B2 1,58:1 No aprobado
Aa #F8E968 sobre #FFA75E 1,54:1 No aprobado
Aa #702D51 sobre #411C41 1,49:1 No aprobado
Aa #0C000C sobre #411C41 1,44:1 No aprobado
Aa #993D55 sobre #702D51 1,44:1 No aprobado
Aa #605769 sobre #702D51 1,40:1 No aprobado
Aa #A2A8B2 sobre #FFA75E 1,25:1 No aprobado
Aa #702D51 sobre #4A2957 1,25:1 No aprobado
Aa #4A2957 sobre #411C41 1,19:1 No aprobado
Aa #605769 sobre #993D55 1,03:1 No aprobado
Aa #868192 sobre #C36754 1,03:1 No aprobado

Paletas similares

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