Registrarse Registrarse
Retrocal 8

Retrocal 8

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

Volver a la biblioteca

Retrocal 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 polyphrog
Me gusta 486
Colores 8

Variables CSS

:root {
  --c-earthy-1: #6EB8A8;
  --c-earthy-2: #2A584F;
  --c-earthy-3: #74A33F;
  --c-earthy-4: #FCFFC0;
  --c-earthy-5: #C6505A;
  --c-earthy-6: #2F142F;
  --c-earthy-7: #774448;
  --c-earthy-8: #EE9C5D;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Sour Veil (#FCFFC0), su tono más claro, a Cultist Robe (#2F142F), el más oscuro. Combina Glacial Green, Holly Leaf, Festival Green, Sour Veil, Super Hero, Cultist Robe, Musk Memory y Ridgeback en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FCFFC0 sobre #2F142F, con 16,01: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

Glacial Green #6EB8A8
RGB
rgb(110, 184, 168)
HSL
hsl(167, 34%, 58%)
Luminancia
0,404
Holly Leaf #2A584F
RGB
rgb(42, 88, 79)
HSL
hsl(168, 35%, 25%)
Luminancia
0,080
Festival Green #74A33F
RGB
rgb(116, 163, 63)
HSL
hsl(88, 44%, 44%)
Luminancia
0,303
Sour Veil #FCFFC0
RGB
rgb(252, 255, 192)
HSL
hsl(63, 100%, 88%)
Luminancia
0,960
Super Hero #C6505A
RGB
rgb(198, 80, 90)
HSL
hsl(355, 51%, 55%)
Luminancia
0,185
Cultist Robe #2F142F
RGB
rgb(47, 20, 47)
HSL
hsl(300, 40%, 13%)
Luminancia
0,013
Musk Memory #774448
RGB
rgb(119, 68, 72)
HSL
hsl(355, 27%, 37%)
Luminancia
0,085
Ridgeback #EE9C5D
RGB
rgb(238, 156, 93)
HSL
hsl(26, 81%, 65%)
Luminancia
0,427

Contraste y accesibilidad

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

Aa #FCFFC0 sobre #2F142F 16,01:1 AAA
Aa #2A584F sobre #FCFFC0 7,75:1 AAA
Aa #2F142F sobre #EE9C5D 7,57:1 AAA
Aa #FCFFC0 sobre #774448 7,47:1 AAA
Aa #6EB8A8 sobre #2F142F 7,20:1 AAA
Aa #74A33F sobre #2F142F 5,59:1 AA
Aa #FCFFC0 sobre #C6505A 4,30:1 AA, texto grande
Aa #C6505A sobre #2F142F 3,72:1 AA, texto grande
Aa #2A584F sobre #EE9C5D 3,66:1 AA, texto grande
Aa #774448 sobre #EE9C5D 3,53:1 AA, texto grande
Aa #6EB8A8 sobre #2A584F 3,48:1 AA, texto grande
Aa #6EB8A8 sobre #774448 3,36:1 AA, texto grande
Aa #74A33F sobre #FCFFC0 2,86:1 No aprobado
Aa #2A584F sobre #74A33F 2,71:1 No aprobado
Aa #74A33F sobre #774448 2,61:1 No aprobado
Aa #6EB8A8 sobre #FCFFC0 2,22:1 No aprobado
Aa #2F142F sobre #774448 2,14:1 No aprobado
Aa #FCFFC0 sobre #EE9C5D 2,12:1 No aprobado
Aa #2A584F sobre #2F142F 2,07:1 No aprobado
Aa #C6505A sobre #EE9C5D 2,03:1 No aprobado
Aa #6EB8A8 sobre #C6505A 1,93:1 No aprobado
Aa #2A584F sobre #C6505A 1,80:1 No aprobado
Aa #C6505A sobre #774448 1,74:1 No aprobado
Aa #74A33F sobre #C6505A 1,50:1 No aprobado
Aa #74A33F sobre #EE9C5D 1,35:1 No aprobado
Aa #6EB8A8 sobre #74A33F 1,29:1 No aprobado
Aa #6EB8A8 sobre #EE9C5D 1,05:1 No aprobado
Aa #2A584F sobre #774448 1,04: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