Registrarse Registrarse
Homey Honey 12

Homey Honey 12

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

Volver a la biblioteca

Homey Honey 12

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 fall warm brown autumn
Me gusta 126
Colores 12

Variables CSS

:root {
  --c-earthy-1: #291E1A;
  --c-earthy-2: #5A3428;
  --c-earthy-3: #A6652B;
  --c-earthy-4: #D9A443;
  --c-earthy-5: #C95937;
  --c-earthy-6: #893F43;
  --c-earthy-7: #393E26;
  --c-earthy-8: #496669;
  --c-earthy-9: #7687AB;
  --c-earthy-10: #D4D3D1;
  --c-earthy-11: #748B2C;
  --c-earthy-12: #31542F;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Silver Spoon (#D4D3D1), su tono más claro, a Weathervane (#291E1A), el más oscuro. Combina Weathervane, Redwood, Gallstone Yellow, Solar Fusion, Cinnamon Stone, Cordovan, Green Kelp, Tax Break, Enchanting Sky, Silver Spoon, Olive Thrill y Moselle Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #291E1A sobre #D4D3D1, con 10,84: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

Weathervane #291E1A
RGB
rgb(41, 30, 26)
HSL
hsl(16, 22%, 13%)
Luminancia
0,015
Redwood #5A3428
RGB
rgb(90, 52, 40)
HSL
hsl(14, 38%, 25%)
Luminancia
0,048
Gallstone Yellow #A6652B
RGB
rgb(166, 101, 43)
HSL
hsl(28, 59%, 41%)
Luminancia
0,176
Solar Fusion #D9A443
RGB
rgb(217, 164, 67)
HSL
hsl(39, 66%, 56%)
Luminancia
0,417
Cinnamon Stone #C95937
RGB
rgb(201, 89, 55)
HSL
hsl(14, 57%, 50%)
Luminancia
0,198
Cordovan #893F43
RGB
rgb(137, 63, 67)
HSL
hsl(357, 37%, 39%)
Luminancia
0,093
Green Kelp #393E26
RGB
rgb(57, 62, 38)
HSL
hsl(73, 24%, 20%)
Luminancia
0,045
Tax Break #496669
RGB
rgb(73, 102, 105)
HSL
hsl(186, 18%, 35%)
Luminancia
0,119
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminancia
0,241
Silver Spoon #D4D3D1
RGB
rgb(212, 211, 209)
HSL
hsl(40, 3%, 83%)
Luminancia
0,652
Olive Thrill #748B2C
RGB
rgb(116, 139, 44)
HSL
hsl(75, 52%, 36%)
Luminancia
0,224
Moselle Green #31542F
RGB
rgb(49, 84, 47)
HSL
hsl(117, 28%, 26%)
Luminancia
0,072

Contraste y accesibilidad

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

Aa #291E1A sobre #D4D3D1 10,84:1 AAA
Aa #393E26 sobre #D4D3D1 7,42:1 AAA
Aa #291E1A sobre #D9A443 7,21:1 AAA
Aa #5A3428 sobre #D4D3D1 7,17:1 AAA
Aa #D4D3D1 sobre #31542F 5,75:1 AA
Aa #D9A443 sobre #393E26 4,94:1 AA
Aa #893F43 sobre #D4D3D1 4,92:1 AA
Aa #5A3428 sobre #D9A443 4,77:1 AA
Aa #291E1A sobre #7687AB 4,50:1 AA
Aa #291E1A sobre #748B2C 4,23:1 AA, texto grande
Aa #496669 sobre #D4D3D1 4,14:1 AA, texto grande
Aa #291E1A sobre #C95937 3,84:1 AA, texto grande
Aa #D9A443 sobre #31542F 3,83:1 AA, texto grande
Aa #291E1A sobre #A6652B 3,49:1 AA, texto grande
Aa #D9A443 sobre #893F43 3,27:1 AA, texto grande
Aa #A6652B sobre #D4D3D1 3,11:1 AA, texto grande
Aa #393E26 sobre #7687AB 3,08:1 AA, texto grande
Aa #5A3428 sobre #7687AB 2,98:1 No aprobado
Aa #393E26 sobre #748B2C 2,89:1 No aprobado
Aa #C95937 sobre #D4D3D1 2,83:1 No aprobado
Aa #5A3428 sobre #748B2C 2,80:1 No aprobado
Aa #D9A443 sobre #496669 2,76:1 No aprobado
Aa #C95937 sobre #393E26 2,63:1 No aprobado
Aa #291E1A sobre #496669 2,62:1 No aprobado
Aa #D4D3D1 sobre #748B2C 2,57:1 No aprobado
Aa #5A3428 sobre #C95937 2,54:1 No aprobado
Aa #7687AB sobre #D4D3D1 2,41:1 No aprobado
Aa #A6652B sobre #393E26 2,39:1 No aprobado
Aa #7687AB sobre #31542F 2,39:1 No aprobado
Aa #5A3428 sobre #A6652B 2,31:1 No aprobado
Aa #748B2C sobre #31542F 2,24:1 No aprobado
Aa #291E1A sobre #893F43 2,21:1 No aprobado
Aa #A6652B sobre #D9A443 2,07:1 No aprobado
Aa #C95937 sobre #31542F 2,04:1 No aprobado
Aa #893F43 sobre #7687AB 2,04:1 No aprobado
Aa #893F43 sobre #748B2C 1,92:1 No aprobado
Aa #291E1A sobre #31542F 1,88:1 No aprobado
Aa #D9A443 sobre #C95937 1,88:1 No aprobado
Aa #A6652B sobre #31542F 1,85:1 No aprobado
Aa #393E26 sobre #496669 1,79:1 No aprobado
Aa #C95937 sobre #893F43 1,74:1 No aprobado
Aa #5A3428 sobre #496669 1,73:1 No aprobado
Aa #496669 sobre #7687AB 1,72:1 No aprobado
Aa #D9A443 sobre #748B2C 1,71:1 No aprobado
Aa #496669 sobre #748B2C 1,62:1 No aprobado
Aa #D9A443 sobre #7687AB 1,60:1 No aprobado
Aa #A6652B sobre #893F43 1,58:1 No aprobado
Aa #291E1A sobre #5A3428 1,51:1 No aprobado
Aa #893F43 sobre #393E26 1,51:1 No aprobado
Aa #D9A443 sobre #D4D3D1 1,50:1 No aprobado
Aa #C95937 sobre #496669 1,47:1 No aprobado
Aa #291E1A sobre #393E26 1,46:1 No aprobado
Aa #5A3428 sobre #893F43 1,46:1 No aprobado
Aa #496669 sobre #31542F 1,39:1 No aprobado
Aa #A6652B sobre #496669 1,33:1 No aprobado
Aa #A6652B sobre #7687AB 1,29:1 No aprobado
Aa #393E26 sobre #31542F 1,29:1 No aprobado
Aa #5A3428 sobre #31542F 1,25:1 No aprobado
Aa #A6652B sobre #748B2C 1,21:1 No aprobado
Aa #893F43 sobre #496669 1,19:1 No aprobado
Aa #C95937 sobre #7687AB 1,17:1 No aprobado
Aa #893F43 sobre #31542F 1,17:1 No aprobado
Aa #A6652B sobre #C95937 1,10:1 No aprobado
Aa #C95937 sobre #748B2C 1,10:1 No aprobado
Aa #7687AB sobre #748B2C 1,06:1 No aprobado
Aa #5A3428 sobre #393E26 1,03: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