Registrarse Registrarse
FairyRust_8x

FairyRust_8x

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

FairyRust_8x

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 8 colores Colores fríos Tonos mixtos Armonía complementaria dark blue cool desaturated
Me gusta 127
Colores 8

Variables CSS

:root {
  --c-earthy-1: #141A0D;
  --c-earthy-2: #4B2D28;
  --c-earthy-3: #744E65;
  --c-earthy-4: #7F7397;
  --c-earthy-5: #8AB0D8;
  --c-earthy-6: #AAD8F7;
  --c-earthy-7: #DAEDFE;
  --c-earthy-8: #F2F9FF;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Alice Blue (#F2F9FF), su tono más claro, a Darkness (#141A0D), el más oscuro. Combina Darkness, Barako Brew, Dahlia Matte Red, Purple Haze, Birdie Num Num, Endless Horizon, Hoarfrost y Alice Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #141A0D sobre #F2F9FF, con 16,71: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

Darkness #141A0D
RGB
rgb(20, 26, 13)
HSL
hsl(88, 33%, 8%)
Luminancia
0,009
Barako Brew #4B2D28
RGB
rgb(75, 45, 40)
HSL
hsl(9, 30%, 23%)
Luminancia
0,035
Dahlia Matte Red #744E65
RGB
rgb(116, 78, 101)
HSL
hsl(324, 20%, 38%)
Luminancia
0,101
Purple Haze #7F7397
RGB
rgb(127, 115, 151)
HSL
hsl(260, 15%, 52%)
Luminancia
0,190
Birdie Num Num #8AB0D8
RGB
rgb(138, 176, 216)
HSL
hsl(211, 50%, 69%)
Luminancia
0,414
Endless Horizon #AAD8F7
RGB
rgb(170, 216, 247)
HSL
hsl(204, 83%, 82%)
Luminancia
0,644
Hoarfrost #DAEDFE
RGB
rgb(218, 237, 254)
HSL
hsl(208, 95%, 93%)
Luminancia
0,826
Alice Blue #F2F9FF
RGB
rgb(242, 249, 255)
HSL
hsl(208, 100%, 97%)
Luminancia
0,939

Contraste y accesibilidad

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

Aa #141A0D sobre #F2F9FF 16,71:1 AAA
Aa #141A0D sobre #DAEDFE 14,81:1 AAA
Aa #141A0D sobre #AAD8F7 11,73:1 AAA
Aa #4B2D28 sobre #F2F9FF 11,59:1 AAA
Aa #4B2D28 sobre #DAEDFE 10,28:1 AAA
Aa #4B2D28 sobre #AAD8F7 8,14:1 AAA
Aa #141A0D sobre #8AB0D8 7,84:1 AAA
Aa #744E65 sobre #F2F9FF 6,55:1 AA
Aa #744E65 sobre #DAEDFE 5,80:1 AA
Aa #4B2D28 sobre #8AB0D8 5,44:1 AA
Aa #744E65 sobre #AAD8F7 4,59:1 AA
Aa #7F7397 sobre #F2F9FF 4,12:1 AA, texto grande
Aa #141A0D sobre #7F7397 4,06:1 AA, texto grande
Aa #7F7397 sobre #DAEDFE 3,65:1 AA, texto grande
Aa #744E65 sobre #8AB0D8 3,07:1 AA, texto grande
Aa #7F7397 sobre #AAD8F7 2,89:1 No aprobado
Aa #4B2D28 sobre #7F7397 2,82:1 No aprobado
Aa #141A0D sobre #744E65 2,55:1 No aprobado
Aa #8AB0D8 sobre #F2F9FF 2,13:1 No aprobado
Aa #7F7397 sobre #8AB0D8 1,93:1 No aprobado
Aa #8AB0D8 sobre #DAEDFE 1,89:1 No aprobado
Aa #4B2D28 sobre #744E65 1,77:1 No aprobado
Aa #744E65 sobre #7F7397 1,59:1 No aprobado
Aa #8AB0D8 sobre #AAD8F7 1,49:1 No aprobado
Aa #141A0D sobre #4B2D28 1,44:1 No aprobado
Aa #AAD8F7 sobre #F2F9FF 1,42:1 No aprobado
Aa #AAD8F7 sobre #DAEDFE 1,26:1 No aprobado
Aa #DAEDFE sobre #F2F9FF 1,13:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores