Registrarse Registrarse
Mudstone

Mudstone

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

Volver a la biblioteca

Mudstone

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

Editar
Colores terrosos 8 colores Colores cálidos Tonos oscuros Armonía complementaria polyphrog natural earth
Me gusta 48
Colores 8

Variables CSS

:root {
  --c-earthy-1: #1B1611;
  --c-earthy-2: #1F253C;
  --c-earthy-3: #423C32;
  --c-earthy-4: #465D32;
  --c-earthy-5: #6E3F24;
  --c-earthy-6: #6B624E;
  --c-earthy-7: #90752E;
  --c-earthy-8: #CDA465;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Workbench (#CDA465), su tono más claro, a Nightshade Berries (#1B1611), el más oscuro. Combina Nightshade Berries, Midnight Express, Blackish Brown, Woodman, Davao Durian, Classic Bronze, Marshy Green y Workbench en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1B1611 sobre #CDA465, con 7,78: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

Nightshade Berries #1B1611
RGB
rgb(27, 22, 17)
HSL
hsl(30, 23%, 9%)
Luminancia
0,009
Midnight Express #1F253C
RGB
rgb(31, 37, 60)
HSL
hsl(228, 32%, 18%)
Luminancia
0,019
Blackish Brown #423C32
RGB
rgb(66, 60, 50)
HSL
hsl(38, 14%, 23%)
Luminancia
0,046
Woodman #465D32
RGB
rgb(70, 93, 50)
HSL
hsl(92, 30%, 28%)
Luminancia
0,094
Davao Durian #6E3F24
RGB
rgb(110, 63, 36)
HSL
hsl(22, 51%, 29%)
Luminancia
0,070
Classic Bronze #6B624E
RGB
rgb(107, 98, 78)
HSL
hsl(41, 16%, 36%)
Luminancia
0,124
Marshy Green #90752E
RGB
rgb(144, 117, 46)
HSL
hsl(43, 52%, 37%)
Luminancia
0,189
Workbench #CDA465
RGB
rgb(205, 164, 101)
HSL
hsl(36, 51%, 60%)
Luminancia
0,405

Contraste y accesibilidad

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

Aa #1B1611 sobre #CDA465 7,78:1 AAA
Aa #1F253C sobre #CDA465 6,55:1 AA
Aa #423C32 sobre #CDA465 4,73:1 AA
Aa #1B1611 sobre #90752E 4,08:1 AA, texto grande
Aa #6E3F24 sobre #CDA465 3,79:1 AA, texto grande
Aa #1F253C sobre #90752E 3,44:1 AA, texto grande
Aa #465D32 sobre #CDA465 3,17:1 AA, texto grande
Aa #1B1611 sobre #6B624E 2,98:1 No aprobado
Aa #6B624E sobre #CDA465 2,61:1 No aprobado
Aa #1F253C sobre #6B624E 2,51:1 No aprobado
Aa #423C32 sobre #90752E 2,48:1 No aprobado
Aa #1B1611 sobre #465D32 2,46:1 No aprobado
Aa #1F253C sobre #465D32 2,07:1 No aprobado
Aa #1B1611 sobre #6E3F24 2,05:1 No aprobado
Aa #6E3F24 sobre #90752E 1,99:1 No aprobado
Aa #90752E sobre #CDA465 1,91:1 No aprobado
Aa #423C32 sobre #6B624E 1,81:1 No aprobado
Aa #1F253C sobre #6E3F24 1,73:1 No aprobado
Aa #465D32 sobre #90752E 1,66:1 No aprobado
Aa #1B1611 sobre #423C32 1,65:1 No aprobado
Aa #423C32 sobre #465D32 1,49:1 No aprobado
Aa #6E3F24 sobre #6B624E 1,45:1 No aprobado
Aa #1F253C sobre #423C32 1,39:1 No aprobado
Aa #6B624E sobre #90752E 1,37:1 No aprobado
Aa #423C32 sobre #6E3F24 1,25:1 No aprobado
Aa #465D32 sobre #6B624E 1,21:1 No aprobado
Aa #465D32 sobre #6E3F24 1,20:1 No aprobado
Aa #1B1611 sobre #1F253C 1,19: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