Registrarse Registrarse
Wacks8

Wacks8

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

Volver a la biblioteca

Wacks8

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

Editar
Colores vibrantes 8 colores Colores neutros Tonos mixtos Armonía complementaria vibrant colorful 8 nostalgic
Me gusta 37
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #0A0E33;
  --c-vibrant-2: #C8232A;
  --c-vibrant-3: #F1E038;
  --c-vibrant-4: #14964C;
  --c-vibrant-5: #8CB5ED;
  --c-vibrant-6: #2B65E2;
  --c-vibrant-7: #C523AC;
  --c-vibrant-8: #E4DBF0;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Lingering Lilac (#E4DBF0), su tono más claro, a Infinite Night (#0A0E33), el más oscuro. Combina Infinite Night, Flush Mahogany, Juicy Jackfruit, Boogie Blast, Electric Eel, Enchanting Sapphire, Mystifying Magenta y Lingering Lilac en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #0A0E33 sobre #E4DBF0, con 13,96:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Infinite Night #0A0E33
RGB
rgb(10, 14, 51)
HSL
hsl(234, 67%, 12%)
Luminancia
0,006
Flush Mahogany #C8232A
RGB
rgb(200, 35, 42)
HSL
hsl(357, 70%, 46%)
Luminancia
0,137
Juicy Jackfruit #F1E038
RGB
rgb(241, 224, 56)
HSL
hsl(54, 87%, 58%)
Luminancia
0,723
Boogie Blast #14964C
RGB
rgb(20, 150, 76)
HSL
hsl(146, 76%, 33%)
Luminancia
0,225
Electric Eel #8CB5ED
RGB
rgb(140, 181, 237)
HSL
hsl(215, 73%, 74%)
Luminancia
0,447
Enchanting Sapphire #2B65E2
RGB
rgb(43, 101, 226)
HSL
hsl(221, 76%, 53%)
Luminancia
0,153
Mystifying Magenta #C523AC
RGB
rgb(197, 35, 172)
HSL
hsl(309, 70%, 45%)
Luminancia
0,161
Lingering Lilac #E4DBF0
RGB
rgb(228, 219, 240)
HSL
hsl(266, 41%, 90%)
Luminancia
0,735

Contraste y accesibilidad

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

Aa #0A0E33 sobre #E4DBF0 13,96:1 AAA
Aa #0A0E33 sobre #F1E038 13,76:1 AAA
Aa #0A0E33 sobre #8CB5ED 8,85:1 AAA
Aa #0A0E33 sobre #14964C 4,89:1 AA
Aa #C8232A sobre #E4DBF0 4,21:1 AA, texto grande
Aa #C8232A sobre #F1E038 4,14:1 AA, texto grande
Aa #2B65E2 sobre #E4DBF0 3,86:1 AA, texto grande
Aa #F1E038 sobre #2B65E2 3,81:1 AA, texto grande
Aa #0A0E33 sobre #C523AC 3,75:1 AA, texto grande
Aa #C523AC sobre #E4DBF0 3,73:1 AA, texto grande
Aa #F1E038 sobre #C523AC 3,67:1 AA, texto grande
Aa #0A0E33 sobre #2B65E2 3,62:1 AA, texto grande
Aa #0A0E33 sobre #C8232A 3,32:1 AA, texto grande
Aa #14964C sobre #E4DBF0 2,85:1 No aprobado
Aa #F1E038 sobre #14964C 2,81:1 No aprobado
Aa #C8232A sobre #8CB5ED 2,67:1 No aprobado
Aa #8CB5ED sobre #2B65E2 2,45:1 No aprobado
Aa #8CB5ED sobre #C523AC 2,36:1 No aprobado
Aa #14964C sobre #8CB5ED 1,81:1 No aprobado
Aa #8CB5ED sobre #E4DBF0 1,58:1 No aprobado
Aa #F1E038 sobre #8CB5ED 1,55:1 No aprobado
Aa #C8232A sobre #14964C 1,47:1 No aprobado
Aa #14964C sobre #2B65E2 1,35:1 No aprobado
Aa #14964C sobre #C523AC 1,31:1 No aprobado
Aa #C8232A sobre #C523AC 1,13:1 No aprobado
Aa #C8232A sobre #2B65E2 1,09:1 No aprobado
Aa #2B65E2 sobre #C523AC 1,04:1 No aprobado
Aa #F1E038 sobre #E4DBF0 1,01:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B
4 colores
#F5F7F8 #F4CE14 #495E57 #45474B
4 colores
#222831 #393E46 #FFD369 #EEEEEE
4 colores
#000000 #52057B #892CDC #BC6FF1
4 colores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colores
#F5EFE7 #D8C4B6 #4F709C #213555
4 colores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colores