Registrarse Registrarse
Prospecal 8

Prospecal 8

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

Volver a la biblioteca

Prospecal 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 general polyphorge
Me gusta 77
Colores 8

Variables CSS

:root {
  --c-earthy-1: #6DB5BA;
  --c-earthy-2: #26544C;
  --c-earthy-3: #76AA3A;
  --c-earthy-4: #FBFDBE;
  --c-earthy-5: #D23C4F;
  --c-earthy-6: #2B1328;
  --c-earthy-7: #753D38;
  --c-earthy-8: #EFAD5F;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Yellow Mana (#FBFDBE), su tono más claro, a Dark Prom Queen (#2B1328), el más oscuro. Combina Surfer, Hornblende Green, Mamba Green, Yellow Mana, Pezzottaite, Dark Prom Queen, Florence Red y Goldfish 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 #FBFDBE sobre #2B1328, con 16,22: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

Surfer #6DB5BA
RGB
rgb(109, 181, 186)
HSL
hsl(184, 36%, 58%)
Luminancia
0,398
Hornblende Green #26544C
RGB
rgb(38, 84, 76)
HSL
hsl(170, 38%, 24%)
Luminancia
0,073
Mamba Green #76AA3A
RGB
rgb(118, 170, 58)
HSL
hsl(88, 49%, 45%)
Luminancia
0,329
Yellow Mana #FBFDBE
RGB
rgb(251, 253, 190)
HSL
hsl(62, 94%, 87%)
Luminancia
0,945
Pezzottaite #D23C4F
RGB
rgb(210, 60, 79)
HSL
hsl(352, 63%, 53%)
Luminancia
0,175
Dark Prom Queen #2B1328
RGB
rgb(43, 19, 40)
HSL
hsl(308, 39%, 12%)
Luminancia
0,011
Florence Red #753D38
RGB
rgb(117, 61, 56)
HSL
hsl(5, 35%, 34%)
Luminancia
0,074
Goldfish #EFAD5F
RGB
rgb(239, 173, 95)
HSL
hsl(33, 82%, 65%)
Luminancia
0,491

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 #FBFDBE sobre #2B1328 16,22:1 AAA
Aa #2B1328 sobre #EFAD5F 8,82:1 AAA
Aa #26544C sobre #FBFDBE 8,10:1 AAA
Aa #FBFDBE sobre #753D38 8,02:1 AAA
Aa #6DB5BA sobre #2B1328 7,31:1 AAA
Aa #76AA3A sobre #2B1328 6,18:1 AA
Aa #FBFDBE sobre #D23C4F 4,42:1 AA, texto grande
Aa #26544C sobre #EFAD5F 4,40:1 AA, texto grande
Aa #753D38 sobre #EFAD5F 4,36:1 AA, texto grande
Aa #D23C4F sobre #2B1328 3,67:1 AA, texto grande
Aa #6DB5BA sobre #26544C 3,65:1 AA, texto grande
Aa #6DB5BA sobre #753D38 3,62:1 AA, texto grande
Aa #26544C sobre #76AA3A 3,09:1 AA, texto grande
Aa #76AA3A sobre #753D38 3,06:1 AA, texto grande
Aa #76AA3A sobre #FBFDBE 2,62:1 No aprobado
Aa #D23C4F sobre #EFAD5F 2,40:1 No aprobado
Aa #6DB5BA sobre #FBFDBE 2,22:1 No aprobado
Aa #2B1328 sobre #753D38 2,02:1 No aprobado
Aa #26544C sobre #2B1328 2,00:1 No aprobado
Aa #6DB5BA sobre #D23C4F 1,99:1 No aprobado
Aa #FBFDBE sobre #EFAD5F 1,84:1 No aprobado
Aa #26544C sobre #D23C4F 1,83:1 No aprobado
Aa #D23C4F sobre #753D38 1,81:1 No aprobado
Aa #76AA3A sobre #D23C4F 1,68:1 No aprobado
Aa #76AA3A sobre #EFAD5F 1,43:1 No aprobado
Aa #6DB5BA sobre #EFAD5F 1,21:1 No aprobado
Aa #6DB5BA sobre #76AA3A 1,18:1 No aprobado
Aa #26544C sobre #753D38 1,01: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