Registrarse Registrarse
Cataclysm 10

Cataclysm 10

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

Volver a la biblioteca

Cataclysm 10

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

Editar
Colores terrosos 10 colores Colores cálidos Tonos oscuros Armonía triádica artist starlane
Me gusta 32
Colores 10

Variables CSS

:root {
  --c-earthy-1: #F1A37C;
  --c-earthy-2: #E64A43;
  --c-earthy-3: #BD1A2A;
  --c-earthy-4: #760A32;
  --c-earthy-5: #340A2A;
  --c-earthy-6: #170E22;
  --c-earthy-7: #2C242B;
  --c-earthy-8: #684954;
  --c-earthy-9: #B1817D;
  --c-earthy-10: #D5BAA2;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Nutty Beige (#D5BAA2), su tono más claro, a Corbeau (#170E22), el más oscuro. Combina Coral Silk, Furious Piñata, Ruby Shard, Deep Claret, Globe Thistle, Corbeau, Black Onyx, Mixed Berry Jam, Night Rose y Nutty Beige en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #170E22 sobre #D5BAA2, con 10,13: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

Coral Silk #F1A37C
RGB
rgb(241, 163, 124)
HSL
hsl(20, 81%, 72%)
Luminancia
0,464
Furious Piñata #E64A43
RGB
rgb(230, 74, 67)
HSL
hsl(3, 77%, 58%)
Luminancia
0,221
Ruby Shard #BD1A2A
RGB
rgb(189, 26, 42)
HSL
hsl(354, 76%, 42%)
Luminancia
0,117
Deep Claret #760A32
RGB
rgb(118, 10, 50)
HSL
hsl(338, 84%, 25%)
Luminancia
0,043
Globe Thistle #340A2A
RGB
rgb(52, 10, 42)
HSL
hsl(314, 68%, 12%)
Luminancia
0,011
Corbeau #170E22
RGB
rgb(23, 14, 34)
HSL
hsl(267, 42%, 9%)
Luminancia
0,006
Black Onyx #2C242B
RGB
rgb(44, 36, 43)
HSL
hsl(308, 10%, 16%)
Luminancia
0,020
Mixed Berry Jam #684954
RGB
rgb(104, 73, 84)
HSL
hsl(339, 18%, 35%)
Luminancia
0,084
Night Rose #B1817D
RGB
rgb(177, 129, 125)
HSL
hsl(5, 25%, 59%)
Luminancia
0,265
Nutty Beige #D5BAA2
RGB
rgb(213, 186, 162)
HSL
hsl(28, 38%, 74%)
Luminancia
0,519

Contraste y accesibilidad

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

Aa #170E22 sobre #D5BAA2 10,13:1 AAA
Aa #340A2A sobre #D5BAA2 9,30:1 AAA
Aa #F1A37C sobre #170E22 9,15:1 AAA
Aa #F1A37C sobre #340A2A 8,40:1 AAA
Aa #2C242B sobre #D5BAA2 8,16:1 AAA
Aa #F1A37C sobre #2C242B 7,37:1 AAA
Aa #760A32 sobre #D5BAA2 6,12:1 AA
Aa #170E22 sobre #B1817D 5,62:1 AA
Aa #F1A37C sobre #760A32 5,52:1 AA
Aa #340A2A sobre #B1817D 5,16:1 AA
Aa #E64A43 sobre #170E22 4,83:1 AA
Aa #2C242B sobre #B1817D 4,52:1 AA
Aa #E64A43 sobre #340A2A 4,44:1 AA, texto grande
Aa #684954 sobre #D5BAA2 4,26:1 AA, texto grande
Aa #E64A43 sobre #2C242B 3,89:1 AA, texto grande
Aa #F1A37C sobre #684954 3,85:1 AA, texto grande
Aa #BD1A2A sobre #D5BAA2 3,40:1 AA, texto grande
Aa #760A32 sobre #B1817D 3,39:1 AA, texto grande
Aa #F1A37C sobre #BD1A2A 3,07:1 AA, texto grande
Aa #BD1A2A sobre #170E22 2,98:1 No aprobado
Aa #E64A43 sobre #760A32 2,92:1 No aprobado
Aa #BD1A2A sobre #340A2A 2,74:1 No aprobado
Aa #BD1A2A sobre #2C242B 2,40:1 No aprobado
Aa #170E22 sobre #684954 2,38:1 No aprobado
Aa #684954 sobre #B1817D 2,36:1 No aprobado
Aa #340A2A sobre #684954 2,18:1 No aprobado
Aa #E64A43 sobre #D5BAA2 2,10:1 No aprobado
Aa #E64A43 sobre #684954 2,03:1 No aprobado
Aa #2C242B sobre #684954 1,91:1 No aprobado
Aa #F1A37C sobre #E64A43 1,89:1 No aprobado
Aa #BD1A2A sobre #B1817D 1,89:1 No aprobado
Aa #BD1A2A sobre #760A32 1,80:1 No aprobado
Aa #B1817D sobre #D5BAA2 1,80:1 No aprobado
Aa #760A32 sobre #170E22 1,66:1 No aprobado
Aa #F1A37C sobre #B1817D 1,63:1 No aprobado
Aa #E64A43 sobre #BD1A2A 1,62:1 No aprobado
Aa #760A32 sobre #340A2A 1,52:1 No aprobado
Aa #760A32 sobre #684954 1,44:1 No aprobado
Aa #760A32 sobre #2C242B 1,33:1 No aprobado
Aa #BD1A2A sobre #684954 1,25:1 No aprobado
Aa #170E22 sobre #2C242B 1,24:1 No aprobado
Aa #E64A43 sobre #B1817D 1,16:1 No aprobado
Aa #340A2A sobre #2C242B 1,14:1 No aprobado
Aa #F1A37C sobre #D5BAA2 1,11:1 No aprobado
Aa #340A2A sobre #170E22 1,09: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