Registrarse Registrarse
Ash Persimmon 6

Ash Persimmon 6

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

Volver a la biblioteca

Ash Persimmon 6

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

Editar
Colores terrosos 6 colores Colores cálidos Tonos mixtos Armonía análoga orange white grey ash
Me gusta 33
Colores 6

Variables CSS

:root {
  --c-earthy-1: #E1CAD1;
  --c-earthy-2: #FFA14A;
  --c-earthy-3: #FD6420;
  --c-earthy-4: #846964;
  --c-earthy-5: #624241;
  --c-earthy-6: #241112;
}

Sobre esta paleta

Esta paleta de 6 colores terrosos va de Sweet and Sassy (#E1CAD1), su tono más claro, a Italian Roast (#241112), el más oscuro. Combina Sweet and Sassy, Exotic Flower, Sparrow’s Fire, Brazil Nut, Fruit Yard y Italian Roast en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 15. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #E1CAD1 sobre #241112, con 11,66: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

Sweet and Sassy #E1CAD1
RGB
rgb(225, 202, 209)
HSL
hsl(342, 28%, 84%)
Luminancia
0,629
Exotic Flower #FFA14A
RGB
rgb(255, 161, 74)
HSL
hsl(29, 100%, 65%)
Luminancia
0,472
Sparrow’s Fire #FD6420
RGB
rgb(253, 100, 32)
HSL
hsl(18, 98%, 56%)
Luminancia
0,301
Brazil Nut #846964
RGB
rgb(132, 105, 100)
HSL
hsl(9, 14%, 45%)
Luminancia
0,159
Fruit Yard #624241
RGB
rgb(98, 66, 65)
HSL
hsl(2, 20%, 32%)
Luminancia
0,069
Italian Roast #241112
RGB
rgb(36, 17, 18)
HSL
hsl(357, 36%, 10%)
Luminancia
0,008

Contraste y accesibilidad

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

Aa #E1CAD1 sobre #241112 11,66:1 AAA
Aa #FFA14A sobre #241112 8,98:1 AAA
Aa #FD6420 sobre #241112 6,03:1 AA
Aa #E1CAD1 sobre #624241 5,71:1 AA
Aa #FFA14A sobre #624241 4,40:1 AA, texto grande
Aa #846964 sobre #241112 3,60:1 AA, texto grande
Aa #E1CAD1 sobre #846964 3,24:1 AA, texto grande
Aa #FD6420 sobre #624241 2,96:1 No aprobado
Aa #FFA14A sobre #846964 2,50:1 No aprobado
Aa #624241 sobre #241112 2,04:1 No aprobado
Aa #E1CAD1 sobre #FD6420 1,93:1 No aprobado
Aa #846964 sobre #624241 1,76:1 No aprobado
Aa #FD6420 sobre #846964 1,68:1 No aprobado
Aa #FFA14A sobre #FD6420 1,49:1 No aprobado
Aa #E1CAD1 sobre #FFA14A 1,30:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores