Registrarse Registrarse
Temple Ruins

Temple Ruins

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

Volver a la biblioteca

Temple Ruins

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

Editar
Colores terrosos 6 colores Colores cálidos Tonos oscuros Armonía análoga monoramp dark pink sunset
Me gusta 195
Colores 6

Variables CSS

:root {
  --c-earthy-1: #BA5258;
  --c-earthy-2: #9E4E58;
  --c-earthy-3: #744758;
  --c-earthy-4: #563D4E;
  --c-earthy-5: #493443;
  --c-earthy-6: #261C22;
}

Sobre esta paleta

Esta paleta de 6 colores terrosos va de Dressed to the Nines (#BA5258), su tono más claro, a Velvet Black (#261C22), el más oscuro. Combina Dressed to the Nines, Cranberry Jam, Deep Carmine, Dark Fig Violet, Red Onion y Velvet Black en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 15 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

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

Dressed to the Nines #BA5258
RGB
rgb(186, 82, 88)
HSL
hsl(357, 43%, 53%)
Luminancia
0,172
Cranberry Jam #9E4E58
RGB
rgb(158, 78, 88)
HSL
hsl(353, 34%, 46%)
Luminancia
0,134
Deep Carmine #744758
RGB
rgb(116, 71, 88)
HSL
hsl(337, 24%, 37%)
Luminancia
0,089
Dark Fig Violet #563D4E
RGB
rgb(86, 61, 78)
HSL
hsl(319, 17%, 29%)
Luminancia
0,059
Red Onion #493443
RGB
rgb(73, 52, 67)
HSL
hsl(317, 17%, 25%)
Luminancia
0,043
Velvet Black #261C22
RGB
rgb(38, 28, 34)
HSL
hsl(324, 15%, 13%)
Luminancia
0,014

Contraste y accesibilidad

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

Aa #BA5258 sobre #261C22 3,49:1 AA, texto grande
Aa #9E4E58 sobre #261C22 2,90:1 No aprobado
Aa #BA5258 sobre #493443 2,39:1 No aprobado
Aa #744758 sobre #261C22 2,19:1 No aprobado
Aa #BA5258 sobre #563D4E 2,04:1 No aprobado
Aa #9E4E58 sobre #493443 1,99:1 No aprobado
Aa #563D4E sobre #261C22 1,71:1 No aprobado
Aa #9E4E58 sobre #563D4E 1,70:1 No aprobado
Aa #BA5258 sobre #744758 1,59:1 No aprobado
Aa #744758 sobre #493443 1,50:1 No aprobado
Aa #493443 sobre #261C22 1,46:1 No aprobado
Aa #9E4E58 sobre #744758 1,32:1 No aprobado
Aa #744758 sobre #563D4E 1,28:1 No aprobado
Aa #BA5258 sobre #9E4E58 1,20:1 No aprobado
Aa #563D4E sobre #493443 1,17: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