Registrarse Registrarse
Simple64

Simple64

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

Volver a la biblioteca

Simple64

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

Editar
Colores vibrantes 7 colores Colores neutros Tonos mixtos Armonía complementaria simple
Me gusta 11
Colores 7

Variables CSS

:root {
  --c-vibrant-1: #16044C;
  --c-vibrant-2: #3FFC4A;
  --c-vibrant-3: #1D7CF9;
  --c-vibrant-4: #F9355A;
  --c-vibrant-5: #FEF15E;
  --c-vibrant-6: #808080;
  --c-vibrant-7: #FEFEFE;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de White as Heaven (#FEFEFE), su tono más claro, a Magic Whale (#16044C), el más oscuro. Combina Magic Whale, Goblin Warboss, Clear Blue, Radical Red, Kihada Yellow, Grey y White as Heaven en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #16044C sobre #FEFEFE, con 18,01: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

Magic Whale #16044C
RGB
rgb(22, 4, 76)
HSL
hsl(255, 90%, 16%)
Luminancia
0,008
Goblin Warboss #3FFC4A
RGB
rgb(63, 252, 74)
HSL
hsl(123, 97%, 62%)
Luminancia
0,712
Clear Blue #1D7CF9
RGB
rgb(29, 124, 249)
HSL
hsl(214, 95%, 55%)
Luminancia
0,215
Radical Red #F9355A
RGB
rgb(249, 53, 90)
HSL
hsl(349, 94%, 59%)
Luminancia
0,234
Kihada Yellow #FEF15E
RGB
rgb(254, 241, 94)
HSL
hsl(55, 99%, 68%)
Luminancia
0,848
Grey #808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
Luminancia
0,216
White as Heaven #FEFEFE
RGB
rgb(254, 254, 254)
HSL
hsl(0, 0%, 100%)
Luminancia
0,991

Contraste y accesibilidad

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

Aa #16044C sobre #FEFEFE 18,01:1 AAA
Aa #16044C sobre #FEF15E 15,54:1 AAA
Aa #16044C sobre #3FFC4A 13,18:1 AAA
Aa #16044C sobre #F9355A 4,92:1 AA
Aa #16044C sobre #808080 4,60:1 AA
Aa #16044C sobre #1D7CF9 4,59:1 AA
Aa #1D7CF9 sobre #FEFEFE 3,93:1 AA, texto grande
Aa #808080 sobre #FEFEFE 3,92:1 AA, texto grande
Aa #F9355A sobre #FEFEFE 3,66:1 AA, texto grande
Aa #1D7CF9 sobre #FEF15E 3,39:1 AA, texto grande
Aa #FEF15E sobre #808080 3,38:1 AA, texto grande
Aa #F9355A sobre #FEF15E 3,16:1 AA, texto grande
Aa #3FFC4A sobre #1D7CF9 2,87:1 No aprobado
Aa #3FFC4A sobre #808080 2,87:1 No aprobado
Aa #3FFC4A sobre #F9355A 2,68:1 No aprobado
Aa #3FFC4A sobre #FEFEFE 1,37:1 No aprobado
Aa #3FFC4A sobre #FEF15E 1,18:1 No aprobado
Aa #FEF15E sobre #FEFEFE 1,16:1 No aprobado
Aa #1D7CF9 sobre #F9355A 1,07:1 No aprobado
Aa #F9355A sobre #808080 1,07:1 No aprobado
Aa #1D7CF9 sobre #808080 1,00: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