Registrarse Registrarse
RKBV

RKBV

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

RKBV

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 8 colores Colores cálidos Tonos mixtos Armonía complementaria artist r3cl41m3r
Me gusta 94
Colores 8

Variables CSS

:root {
  --c-earthy-1: #15191A;
  --c-earthy-2: #8A4C58;
  --c-earthy-3: #D96275;
  --c-earthy-4: #E6B8C1;
  --c-earthy-5: #456B73;
  --c-earthy-6: #4B97A6;
  --c-earthy-7: #A5BDC2;
  --c-earthy-8: #FFF5F7;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Sea Salt Sherbet (#FFF5F7), su tono más claro, a Neverything (#15191A), el más oscuro. Combina Neverything, Wine Not, Kiss and Tell, Acadia Bloom, Planet Green, Acapulco Cliffs, Clear Vista y Sea Salt Sherbet en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #15191A sobre #FFF5F7, con 16,58: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

Neverything #15191A
RGB
rgb(21, 25, 26)
HSL
hsl(192, 11%, 9%)
Luminancia
0,009
Wine Not #8A4C58
RGB
rgb(138, 76, 88)
HSL
hsl(348, 29%, 42%)
Luminancia
0,113
Kiss and Tell #D96275
RGB
rgb(217, 98, 117)
HSL
hsl(350, 61%, 62%)
Luminancia
0,248
Acadia Bloom #E6B8C1
RGB
rgb(230, 184, 193)
HSL
hsl(348, 48%, 81%)
Luminancia
0,550
Planet Green #456B73
RGB
rgb(69, 107, 115)
HSL
hsl(190, 25%, 36%)
Luminancia
0,130
Acapulco Cliffs #4B97A6
RGB
rgb(75, 151, 166)
HSL
hsl(190, 38%, 47%)
Luminancia
0,264
Clear Vista #A5BDC2
RGB
rgb(165, 189, 194)
HSL
hsl(190, 19%, 70%)
Luminancia
0,483
Sea Salt Sherbet #FFF5F7
RGB
rgb(255, 245, 247)
HSL
hsl(348, 100%, 98%)
Luminancia
0,933

Contraste y accesibilidad

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

Aa #15191A sobre #FFF5F7 16,58:1 AAA
Aa #15191A sobre #E6B8C1 10,11:1 AAA
Aa #15191A sobre #A5BDC2 8,99:1 AAA
Aa #8A4C58 sobre #FFF5F7 6,04:1 AA
Aa #456B73 sobre #FFF5F7 5,45:1 AA
Aa #15191A sobre #4B97A6 5,29:1 AA
Aa #15191A sobre #D96275 5,02:1 AA
Aa #8A4C58 sobre #E6B8C1 3,68:1 AA, texto grande
Aa #E6B8C1 sobre #456B73 3,33:1 AA, texto grande
Aa #D96275 sobre #FFF5F7 3,30:1 AA, texto grande
Aa #8A4C58 sobre #A5BDC2 3,27:1 AA, texto grande
Aa #4B97A6 sobre #FFF5F7 3,13:1 AA, texto grande
Aa #15191A sobre #456B73 3,04:1 AA, texto grande
Aa #456B73 sobre #A5BDC2 2,96:1 No aprobado
Aa #15191A sobre #8A4C58 2,75:1 No aprobado
Aa #D96275 sobre #E6B8C1 2,01:1 No aprobado
Aa #8A4C58 sobre #4B97A6 1,93:1 No aprobado
Aa #E6B8C1 sobre #4B97A6 1,91:1 No aprobado
Aa #A5BDC2 sobre #FFF5F7 1,84:1 No aprobado
Aa #8A4C58 sobre #D96275 1,83:1 No aprobado
Aa #D96275 sobre #A5BDC2 1,79:1 No aprobado
Aa #456B73 sobre #4B97A6 1,74:1 No aprobado
Aa #4B97A6 sobre #A5BDC2 1,70:1 No aprobado
Aa #D96275 sobre #456B73 1,65:1 No aprobado
Aa #E6B8C1 sobre #FFF5F7 1,64:1 No aprobado
Aa #E6B8C1 sobre #A5BDC2 1,13:1 No aprobado
Aa #8A4C58 sobre #456B73 1,11:1 No aprobado
Aa #D96275 sobre #4B97A6 1,05: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