Registrarse Registrarse
A Horrible Death

A Horrible Death

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

Volver a la biblioteca

A Horrible Death

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

Editar
Colores vibrantes 8 colores Colores neutros Tonos mixtos Armonía complementaria
Me gusta 27
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #241623;
  --c-vibrant-2: #820933;
  --c-vibrant-3: #E36397;
  --c-vibrant-4: #FFE5F5;
  --c-vibrant-5: #EAE6FF;
  --c-vibrant-6: #76E7CD;
  --c-vibrant-7: #3C787E;
  --c-vibrant-8: #023A52;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Bunny Tail (#FFE5F5), su tono más claro, a Kurobeni (#241623), el más oscuro. Combina Kurobeni, Inescapable Lover, Groovy, Bunny Tail, Cyber Lavender, Turquoise Chalk, Grand Canal y Dark Denim Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 10 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #241623 sobre #FFE5F5, con 14,64: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

Kurobeni #241623
RGB
rgb(36, 22, 35)
HSL
hsl(304, 24%, 11%)
Luminancia
0,011
Inescapable Lover #820933
RGB
rgb(130, 9, 51)
HSL
hsl(339, 87%, 27%)
Luminancia
0,052
Groovy #E36397
RGB
rgb(227, 99, 151)
HSL
hsl(336, 70%, 64%)
Luminancia
0,275
Bunny Tail #FFE5F5
RGB
rgb(255, 229, 245)
HSL
hsl(323, 100%, 95%)
Luminancia
0,839
Cyber Lavender #EAE6FF
RGB
rgb(234, 230, 255)
HSL
hsl(250, 100%, 95%)
Luminancia
0,813
Turquoise Chalk #76E7CD
RGB
rgb(118, 231, 205)
HSL
hsl(166, 70%, 68%)
Luminancia
0,654
Grand Canal #3C787E
RGB
rgb(60, 120, 126)
HSL
hsl(185, 35%, 36%)
Luminancia
0,159
Dark Denim Blue #023A52
RGB
rgb(2, 58, 82)
HSL
hsl(198, 95%, 16%)
Luminancia
0,037

Contraste y accesibilidad

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

Aa #241623 sobre #FFE5F5 14,64:1 AAA
Aa #241623 sobre #EAE6FF 14,22:1 AAA
Aa #241623 sobre #76E7CD 11,60:1 AAA
Aa #FFE5F5 sobre #023A52 10,28:1 AAA
Aa #EAE6FF sobre #023A52 9,98:1 AAA
Aa #820933 sobre #FFE5F5 8,73:1 AAA
Aa #820933 sobre #EAE6FF 8,48:1 AAA
Aa #76E7CD sobre #023A52 8,14:1 AAA
Aa #820933 sobre #76E7CD 6,92:1 AA
Aa #241623 sobre #E36397 5,35:1 AA
Aa #FFE5F5 sobre #3C787E 4,25:1 AA, texto grande
Aa #EAE6FF sobre #3C787E 4,13:1 AA, texto grande
Aa #E36397 sobre #023A52 3,76:1 AA, texto grande
Aa #241623 sobre #3C787E 3,44:1 AA, texto grande
Aa #76E7CD sobre #3C787E 3,37:1 AA, texto grande
Aa #820933 sobre #E36397 3,19:1 AA, texto grande
Aa #E36397 sobre #FFE5F5 2,74:1 No aprobado
Aa #E36397 sobre #EAE6FF 2,66:1 No aprobado
Aa #3C787E sobre #023A52 2,42:1 No aprobado
Aa #E36397 sobre #76E7CD 2,17:1 No aprobado
Aa #820933 sobre #3C787E 2,05:1 No aprobado
Aa #241623 sobre #820933 1,68:1 No aprobado
Aa #E36397 sobre #3C787E 1,55:1 No aprobado
Aa #241623 sobre #023A52 1,42:1 No aprobado
Aa #FFE5F5 sobre #76E7CD 1,26:1 No aprobado
Aa #EAE6FF sobre #76E7CD 1,23:1 No aprobado
Aa #820933 sobre #023A52 1,18:1 No aprobado
Aa #FFE5F5 sobre #EAE6FF 1,03: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