Registrarse Registrarse
Molten

Molten

Paleta de 6 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Volver a la biblioteca

Molten

Paleta de 6 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Editar
Colores terrosos 6 colores Colores cálidos Tonos oscuros Armonía triádica monoramp lava red warm
Me gusta 220
Colores 6

Variables CSS

:root {
  --c-earthy-1: #201727;
  --c-earthy-2: #261B2E;
  --c-earthy-3: #382D43;
  --c-earthy-4: #5F2F45;
  --c-earthy-5: #A02F40;
  --c-earthy-6: #FD724E;
}

Sobre esta paleta

Esta paleta de 6 colores terrosos va de Often Orange (#FD724E), su tono más claro, a Coarse Wool (#201727), el más oscuro. Combina Coarse Wool, Black Howl, Obsidian Lava Black, Vistoris Lake, Radish y Often Orange en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 15. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #201727 sobre #FD724E, con 6,34: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

Coarse Wool #201727
RGB
rgb(32, 23, 39)
HSL
hsl(274, 26%, 12%)
Luminancia
0,011
Black Howl #261B2E
RGB
rgb(38, 27, 46)
HSL
hsl(275, 26%, 14%)
Luminancia
0,014
Obsidian Lava Black #382D43
RGB
rgb(56, 45, 67)
HSL
hsl(270, 20%, 22%)
Luminancia
0,031
Vistoris Lake #5F2F45
RGB
rgb(95, 47, 69)
HSL
hsl(333, 34%, 28%)
Luminancia
0,049
Radish #A02F40
RGB
rgb(160, 47, 64)
HSL
hsl(351, 55%, 41%)
Luminancia
0,099
Often Orange #FD724E
RGB
rgb(253, 114, 78)
HSL
hsl(12, 98%, 65%)
Luminancia
0,335

Contraste y accesibilidad

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

Aa #201727 sobre #FD724E 6,34:1 AA
Aa #261B2E sobre #FD724E 6,02:1 AA
Aa #382D43 sobre #FD724E 4,74:1 AA
Aa #5F2F45 sobre #FD724E 3,89:1 AA, texto grande
Aa #A02F40 sobre #FD724E 2,59:1 No aprobado
Aa #201727 sobre #A02F40 2,45:1 No aprobado
Aa #261B2E sobre #A02F40 2,33:1 No aprobado
Aa #382D43 sobre #A02F40 1,83:1 No aprobado
Aa #201727 sobre #5F2F45 1,63:1 No aprobado
Aa #261B2E sobre #5F2F45 1,55:1 No aprobado
Aa #5F2F45 sobre #A02F40 1,50:1 No aprobado
Aa #201727 sobre #382D43 1,34:1 No aprobado
Aa #261B2E sobre #382D43 1,27:1 No aprobado
Aa #382D43 sobre #5F2F45 1,22:1 No aprobado
Aa #201727 sobre #261B2E 1,05: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