Registrarse Registrarse
Absxii

Absxii

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Absxii

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Editar
Colores terrosos 12 colores Colores cálidos Tonos oscuros Armonía complementaria artist musthbly abstract
Me gusta 46
Colores 12

Variables CSS

:root {
  --c-earthy-1: #1C0903;
  --c-earthy-2: #433655;
  --c-earthy-3: #7E2738;
  --c-earthy-4: #495989;
  --c-earthy-5: #A23D2A;
  --c-earthy-6: #5F6468;
  --c-earthy-7: #4B6B68;
  --c-earthy-8: #7A5E6E;
  --c-earthy-9: #9E5738;
  --c-earthy-10: #D2935B;
  --c-earthy-11: #A1A6A6;
  --c-earthy-12: #D7C9C1;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Unfussy Beige (#D7C9C1), su tono más claro, a Soy Sauce (#1C0903), el más oscuro. Combina Soy Sauce, Purple Plumeria, Suō, Gem, Edocha, Carriage Wheel, Deep Rift, Black Plum, Persimmon Varnish, Gates of Gold, Castlegate y Unfussy Beige en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1C0903 sobre #D7C9C1, con 11,94: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

Soy Sauce #1C0903
RGB
rgb(28, 9, 3)
HSL
hsl(14, 81%, 6%)
Luminancia
0,005
Purple Plumeria #433655
RGB
rgb(67, 54, 85)
HSL
hsl(265, 22%, 27%)
Luminancia
0,045
Suō #7E2738
RGB
rgb(126, 39, 56)
HSL
hsl(348, 53%, 32%)
Luminancia
0,062
Gem #495989
RGB
rgb(73, 89, 137)
HSL
hsl(225, 30%, 41%)
Luminancia
0,104
Edocha #A23D2A
RGB
rgb(162, 61, 42)
HSL
hsl(10, 59%, 40%)
Luminancia
0,112
Carriage Wheel #5F6468
RGB
rgb(95, 100, 104)
HSL
hsl(207, 5%, 39%)
Luminancia
0,126
Deep Rift #4B6B68
RGB
rgb(75, 107, 104)
HSL
hsl(174, 18%, 36%)
Luminancia
0,130
Black Plum #7A5E6E
RGB
rgb(122, 94, 110)
HSL
hsl(326, 13%, 42%)
Luminancia
0,133
Persimmon Varnish #9E5738
RGB
rgb(158, 87, 56)
HSL
hsl(18, 48%, 42%)
Luminancia
0,144
Gates of Gold #D2935B
RGB
rgb(210, 147, 91)
HSL
hsl(28, 57%, 59%)
Luminancia
0,353
Castlegate #A1A6A6
RGB
rgb(161, 166, 166)
HSL
hsl(180, 3%, 64%)
Luminancia
0,376
Unfussy Beige #D7C9C1
RGB
rgb(215, 201, 193)
HSL
hsl(22, 22%, 80%)
Luminancia
0,601

Contraste y accesibilidad

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

Aa #1C0903 sobre #D7C9C1 11,94:1 AAA
Aa #1C0903 sobre #A1A6A6 7,82:1 AAA
Aa #1C0903 sobre #D2935B 7,40:1 AAA
Aa #433655 sobre #D7C9C1 6,86:1 AA
Aa #7E2738 sobre #D7C9C1 5,82:1 AA
Aa #433655 sobre #A1A6A6 4,49:1 AA, texto grande
Aa #433655 sobre #D2935B 4,25:1 AA, texto grande
Aa #495989 sobre #D7C9C1 4,23:1 AA, texto grande
Aa #A23D2A sobre #D7C9C1 4,02:1 AA, texto grande
Aa #7E2738 sobre #A1A6A6 3,81:1 AA, texto grande
Aa #5F6468 sobre #D7C9C1 3,71:1 AA, texto grande
Aa #7E2738 sobre #D2935B 3,61:1 AA, texto grande
Aa #4B6B68 sobre #D7C9C1 3,61:1 AA, texto grande
Aa #1C0903 sobre #9E5738 3,56:1 AA, texto grande
Aa #7A5E6E sobre #D7C9C1 3,56:1 AA, texto grande
Aa #9E5738 sobre #D7C9C1 3,36:1 AA, texto grande
Aa #1C0903 sobre #7A5E6E 3,35:1 AA, texto grande
Aa #1C0903 sobre #4B6B68 3,31:1 AA, texto grande
Aa #1C0903 sobre #5F6468 3,22:1 AA, texto grande
Aa #1C0903 sobre #A23D2A 2,97:1 No aprobado
Aa #1C0903 sobre #495989 2,82:1 No aprobado
Aa #495989 sobre #A1A6A6 2,77:1 No aprobado
Aa #A23D2A sobre #A1A6A6 2,63:1 No aprobado
Aa #495989 sobre #D2935B 2,62:1 No aprobado
Aa #A23D2A sobre #D2935B 2,49:1 No aprobado
Aa #5F6468 sobre #A1A6A6 2,43:1 No aprobado
Aa #4B6B68 sobre #A1A6A6 2,37:1 No aprobado
Aa #7A5E6E sobre #A1A6A6 2,33:1 No aprobado
Aa #5F6468 sobre #D2935B 2,30:1 No aprobado
Aa #4B6B68 sobre #D2935B 2,24:1 No aprobado
Aa #7A5E6E sobre #D2935B 2,21:1 No aprobado
Aa #9E5738 sobre #A1A6A6 2,20:1 No aprobado
Aa #9E5738 sobre #D2935B 2,08:1 No aprobado
Aa #1C0903 sobre #7E2738 2,05:1 No aprobado
Aa #433655 sobre #9E5738 2,04:1 No aprobado
Aa #433655 sobre #7A5E6E 1,93:1 No aprobado
Aa #433655 sobre #4B6B68 1,90:1 No aprobado
Aa #433655 sobre #5F6468 1,85:1 No aprobado
Aa #1C0903 sobre #433655 1,74:1 No aprobado
Aa #7E2738 sobre #9E5738 1,73:1 No aprobado
Aa #433655 sobre #A23D2A 1,71:1 No aprobado
Aa #7E2738 sobre #7A5E6E 1,64:1 No aprobado
Aa #433655 sobre #495989 1,62:1 No aprobado
Aa #7E2738 sobre #4B6B68 1,61:1 No aprobado
Aa #D2935B sobre #D7C9C1 1,61:1 No aprobado
Aa #7E2738 sobre #5F6468 1,57:1 No aprobado
Aa #A1A6A6 sobre #D7C9C1 1,53:1 No aprobado
Aa #7E2738 sobre #A23D2A 1,45:1 No aprobado
Aa #7E2738 sobre #495989 1,38:1 No aprobado
Aa #495989 sobre #9E5738 1,26:1 No aprobado
Aa #A23D2A sobre #9E5738 1,20:1 No aprobado
Aa #495989 sobre #7A5E6E 1,19:1 No aprobado
Aa #433655 sobre #7E2738 1,18:1 No aprobado
Aa #495989 sobre #4B6B68 1,17:1 No aprobado
Aa #495989 sobre #5F6468 1,14:1 No aprobado
Aa #A23D2A sobre #7A5E6E 1,13:1 No aprobado
Aa #A23D2A sobre #4B6B68 1,11:1 No aprobado
Aa #5F6468 sobre #9E5738 1,10:1 No aprobado
Aa #A23D2A sobre #5F6468 1,08:1 No aprobado
Aa #4B6B68 sobre #9E5738 1,08:1 No aprobado
Aa #7A5E6E sobre #9E5738 1,06:1 No aprobado
Aa #D2935B sobre #A1A6A6 1,06:1 No aprobado
Aa #495989 sobre #A23D2A 1,05:1 No aprobado
Aa #5F6468 sobre #7A5E6E 1,04:1 No aprobado
Aa #5F6468 sobre #4B6B68 1,03:1 No aprobado
Aa #4B6B68 sobre #7A5E6E 1,01:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores