Registrarse Registrarse
Dark Autumn

Dark Autumn

Paleta de 9 colores · Colores cálidos · Tonos oscuros · Armonía análoga

Volver a la biblioteca

Dark Autumn

Paleta de 9 colores · Colores cálidos · Tonos oscuros · Armonía análoga

Editar
Colores terrosos 9 colores Colores cálidos Tonos oscuros Armonía análoga
Me gusta 21
Colores 9

Variables CSS

:root {
  --c-earthy-1: #26140A;
  --c-earthy-2: #4A2626;
  --c-earthy-3: #5D4447;
  --c-earthy-4: #AF5823;
  --c-earthy-5: #B46F24;
  --c-earthy-6: #808123;
  --c-earthy-7: #627344;
  --c-earthy-8: #747F74;
  --c-earthy-9: #968A70;
}

Sobre esta paleta

Esta paleta de 9 colores terrosos va de Tawny Owl (#968A70), su tono más claro, a Cannon Black (#26140A), el más oscuro. Combina Cannon Black, New Bulgarian Rose, Huckleberry, Autumnal, Hardy Clay, Trendy Green, Grass Blade, Harbour Rat y Tawny Owl en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #26140A sobre #968A70, con 5,2: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

Cannon Black #26140A
RGB
rgb(38, 20, 10)
HSL
hsl(21, 58%, 9%)
Luminancia
0,009
New Bulgarian Rose #4A2626
RGB
rgb(74, 38, 38)
HSL
hsl(0, 32%, 22%)
Luminancia
0,030
Huckleberry #5D4447
RGB
rgb(93, 68, 71)
HSL
hsl(353, 16%, 32%)
Luminancia
0,069
Autumnal #AF5823
RGB
rgb(175, 88, 35)
HSL
hsl(23, 67%, 41%)
Luminancia
0,162
Hardy Clay #B46F24
RGB
rgb(180, 111, 36)
HSL
hsl(31, 67%, 42%)
Luminancia
0,212
Trendy Green #808123
RGB
rgb(128, 129, 35)
HSL
hsl(61, 57%, 32%)
Luminancia
0,204
Grass Blade #627344
RGB
rgb(98, 115, 68)
HSL
hsl(82, 26%, 36%)
Luminancia
0,153
Harbour Rat #747F74
RGB
rgb(116, 127, 116)
HSL
hsl(120, 5%, 48%)
Luminancia
0,202
Tawny Owl #968A70
RGB
rgb(150, 138, 112)
HSL
hsl(41, 15%, 51%)
Luminancia
0,258

Contraste y accesibilidad

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

Aa #26140A sobre #968A70 5,20:1 AA
Aa #26140A sobre #B46F24 4,41:1 AA, texto grande
Aa #26140A sobre #808123 4,28:1 AA, texto grande
Aa #26140A sobre #747F74 4,24:1 AA, texto grande
Aa #4A2626 sobre #968A70 3,86:1 AA, texto grande
Aa #26140A sobre #AF5823 3,57:1 AA, texto grande
Aa #26140A sobre #627344 3,42:1 AA, texto grande
Aa #4A2626 sobre #B46F24 3,28:1 AA, texto grande
Aa #4A2626 sobre #808123 3,18:1 AA, texto grande
Aa #4A2626 sobre #747F74 3,15:1 AA, texto grande
Aa #4A2626 sobre #AF5823 2,66:1 No aprobado
Aa #5D4447 sobre #968A70 2,59:1 No aprobado
Aa #4A2626 sobre #627344 2,54:1 No aprobado
Aa #5D4447 sobre #B46F24 2,20:1 No aprobado
Aa #5D4447 sobre #808123 2,13:1 No aprobado
Aa #5D4447 sobre #747F74 2,11:1 No aprobado
Aa #26140A sobre #5D4447 2,01:1 No aprobado
Aa #5D4447 sobre #AF5823 1,78:1 No aprobado
Aa #5D4447 sobre #627344 1,70:1 No aprobado
Aa #627344 sobre #968A70 1,52:1 No aprobado
Aa #4A2626 sobre #5D4447 1,49:1 No aprobado
Aa #AF5823 sobre #968A70 1,45:1 No aprobado
Aa #26140A sobre #4A2626 1,35:1 No aprobado
Aa #B46F24 sobre #627344 1,29:1 No aprobado
Aa #808123 sobre #627344 1,25:1 No aprobado
Aa #627344 sobre #747F74 1,24:1 No aprobado
Aa #AF5823 sobre #B46F24 1,23:1 No aprobado
Aa #747F74 sobre #968A70 1,23:1 No aprobado
Aa #808123 sobre #968A70 1,21:1 No aprobado
Aa #AF5823 sobre #808123 1,20:1 No aprobado
Aa #AF5823 sobre #747F74 1,19:1 No aprobado
Aa #B46F24 sobre #968A70 1,18:1 No aprobado
Aa #AF5823 sobre #627344 1,05:1 No aprobado
Aa #B46F24 sobre #747F74 1,04:1 No aprobado
Aa #B46F24 sobre #808123 1,03:1 No aprobado
Aa #808123 sobre #747F74 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