Registrarse Registrarse
Sugary Stupor

Sugary Stupor

Paleta de 7 colores · Colores fríos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

Sugary Stupor

Paleta de 7 colores · Colores fríos · Tonos mixtos · Armonía análoga

Editar
Colores vibrantes 7 colores Colores fríos Tonos mixtos Armonía análoga
Me gusta 46
Colores 7

Variables CSS

:root {
  --c-vibrant-1: #BDC5EF;
  --c-vibrant-2: #9393EB;
  --c-vibrant-3: #8567E0;
  --c-vibrant-4: #7530CF;
  --c-vibrant-5: #5D2B97;
  --c-vibrant-6: #4B1F6B;
  --c-vibrant-7: #371646;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de Vodka (#BDC5EF), su tono más claro, a Purple Door (#371646), el más oscuro. Combina Vodka, Perrywinkle, Medium Slate Blue, Sagat Purple, Lucid Dreams, Fading Horizon y Purple Door en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #BDC5EF sobre #371646, con 9,08: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

Vodka #BDC5EF
RGB
rgb(189, 197, 239)
HSL
hsl(230, 61%, 84%)
Luminancia
0,570
Perrywinkle #9393EB
RGB
rgb(147, 147, 235)
HSL
hsl(240, 69%, 75%)
Luminancia
0,331
Medium Slate Blue #8567E0
RGB
rgb(133, 103, 224)
HSL
hsl(255, 66%, 64%)
Luminancia
0,201
Sagat Purple #7530CF
RGB
rgb(117, 48, 207)
HSL
hsl(266, 62%, 50%)
Luminancia
0,104
Lucid Dreams #5D2B97
RGB
rgb(93, 43, 151)
HSL
hsl(268, 56%, 38%)
Luminancia
0,063
Fading Horizon #4B1F6B
RGB
rgb(75, 31, 107)
HSL
hsl(275, 55%, 27%)
Luminancia
0,035
Purple Door #371646
RGB
rgb(55, 22, 70)
HSL
hsl(281, 52%, 18%)
Luminancia
0,018

Contraste y accesibilidad

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

Aa #BDC5EF sobre #371646 9,08:1 AAA
Aa #BDC5EF sobre #4B1F6B 7,26:1 AAA
Aa #9393EB sobre #371646 5,58:1 AA
Aa #BDC5EF sobre #5D2B97 5,49:1 AA
Aa #9393EB sobre #4B1F6B 4,46:1 AA, texto grande
Aa #BDC5EF sobre #7530CF 4,02:1 AA, texto grande
Aa #8567E0 sobre #371646 3,67:1 AA, texto grande
Aa #9393EB sobre #5D2B97 3,37:1 AA, texto grande
Aa #8567E0 sobre #4B1F6B 2,94:1 No aprobado
Aa #BDC5EF sobre #8567E0 2,47:1 No aprobado
Aa #9393EB sobre #7530CF 2,47:1 No aprobado
Aa #7530CF sobre #371646 2,26:1 No aprobado
Aa #8567E0 sobre #5D2B97 2,22:1 No aprobado
Aa #7530CF sobre #4B1F6B 1,80:1 No aprobado
Aa #5D2B97 sobre #371646 1,65:1 No aprobado
Aa #BDC5EF sobre #9393EB 1,63:1 No aprobado
Aa #8567E0 sobre #7530CF 1,63:1 No aprobado
Aa #9393EB sobre #8567E0 1,52:1 No aprobado
Aa #7530CF sobre #5D2B97 1,36:1 No aprobado
Aa #5D2B97 sobre #4B1F6B 1,32:1 No aprobado
Aa #4B1F6B sobre #371646 1,25:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores