Registrarse Registrarse
LOW 8

LOW 8

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

Volver a la biblioteca

LOW 8

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 8 soundsdotzip low
Me gusta 127
Colores 8

Variables CSS

:root {
  --c-earthy-1: #111323;
  --c-earthy-2: #374566;
  --c-earthy-3: #50785D;
  --c-earthy-4: #8497B3;
  --c-earthy-5: #E8DCD8;
  --c-earthy-6: #CFB463;
  --c-earthy-7: #B35447;
  --c-earthy-8: #692E4B;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Wistful Beige (#E8DCD8), su tono más claro, a Corbeau (#111323), el más oscuro. Combina Corbeau, Garnet Stone Blue, Como, Monsoon Season, Wistful Beige, Banh Bot Loc Dumpling, Hot and Spicy y Old Mauve 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 #111323 sobre #E8DCD8, con 13,72: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

Corbeau #111323
RGB
rgb(17, 19, 35)
HSL
hsl(233, 35%, 10%)
Luminancia
0,007
Garnet Stone Blue #374566
RGB
rgb(55, 69, 102)
HSL
hsl(222, 30%, 31%)
Luminancia
0,060
Como #50785D
RGB
rgb(80, 120, 93)
HSL
hsl(140, 20%, 39%)
Luminancia
0,159
Monsoon Season #8497B3
RGB
rgb(132, 151, 179)
HSL
hsl(216, 24%, 61%)
Luminancia
0,303
Wistful Beige #E8DCD8
RGB
rgb(232, 220, 216)
HSL
hsl(15, 26%, 88%)
Luminancia
0,733
Banh Bot Loc Dumpling #CFB463
RGB
rgb(207, 180, 99)
HSL
hsl(45, 53%, 60%)
Luminancia
0,468
Hot and Spicy #B35447
RGB
rgb(179, 84, 71)
HSL
hsl(7, 43%, 49%)
Luminancia
0,164
Old Mauve #692E4B
RGB
rgb(105, 46, 75)
HSL
hsl(331, 39%, 30%)
Luminancia
0,055

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 #111323 sobre #E8DCD8 13,72:1 AAA
Aa #111323 sobre #CFB463 9,08:1 AAA
Aa #E8DCD8 sobre #692E4B 7,48:1 AAA
Aa #374566 sobre #E8DCD8 7,10:1 AAA
Aa #111323 sobre #8497B3 6,19:1 AA
Aa #CFB463 sobre #692E4B 4,95:1 AA
Aa #374566 sobre #CFB463 4,70:1 AA
Aa #111323 sobre #B35447 3,75:1 AA, texto grande
Aa #50785D sobre #E8DCD8 3,74:1 AA, texto grande
Aa #111323 sobre #50785D 3,67:1 AA, texto grande
Aa #E8DCD8 sobre #B35447 3,66:1 AA, texto grande
Aa #8497B3 sobre #692E4B 3,37:1 AA, texto grande
Aa #374566 sobre #8497B3 3,20:1 AA, texto grande
Aa #50785D sobre #CFB463 2,48:1 No aprobado
Aa #CFB463 sobre #B35447 2,42:1 No aprobado
Aa #8497B3 sobre #E8DCD8 2,22:1 No aprobado
Aa #B35447 sobre #692E4B 2,04:1 No aprobado
Aa #50785D sobre #692E4B 2,00:1 No aprobado
Aa #374566 sobre #B35447 1,94:1 No aprobado
Aa #111323 sobre #374566 1,93:1 No aprobado
Aa #374566 sobre #50785D 1,90:1 No aprobado
Aa #111323 sobre #692E4B 1,83:1 No aprobado
Aa #50785D sobre #8497B3 1,69:1 No aprobado
Aa #8497B3 sobre #B35447 1,65:1 No aprobado
Aa #E8DCD8 sobre #CFB463 1,51:1 No aprobado
Aa #8497B3 sobre #CFB463 1,47:1 No aprobado
Aa #374566 sobre #692E4B 1,05:1 No aprobado
Aa #50785D sobre #B35447 1,02: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