Criar conta Criar conta
Sugary Stupor

Sugary Stupor

Paleta de 7 cores · Fria · Mista · Harmonia: Análoga

Voltar à biblioteca

Sugary Stupor

Paleta de 7 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga

Editar
Vibrante 7 cores Fria Mista Análoga
Curtidas 46
Cores 7

Variáveis 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 vibrante de 7 cores vai de Vodka (#BDC5EF), o tom mais claro, até Purple Door (#371646), o mais escuro. Ela reúne Vodka, Perrywinkle, Medium Slate Blue, Sagat Purple, Lucid Dreams, Fading Horizon e Purple Door em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #BDC5EF sobre #371646, com 9,08:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

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

Contraste e acessibilidade

4 de 21 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado
Aa #BDC5EF sobre #8567E0 2,47:1 Reprovado
Aa #9393EB sobre #7530CF 2,47:1 Reprovado
Aa #7530CF sobre #371646 2,26:1 Reprovado
Aa #8567E0 sobre #5D2B97 2,22:1 Reprovado
Aa #7530CF sobre #4B1F6B 1,80:1 Reprovado
Aa #5D2B97 sobre #371646 1,65:1 Reprovado
Aa #BDC5EF sobre #9393EB 1,63:1 Reprovado
Aa #8567E0 sobre #7530CF 1,63:1 Reprovado
Aa #9393EB sobre #8567E0 1,52:1 Reprovado
Aa #7530CF sobre #5D2B97 1,36:1 Reprovado
Aa #5D2B97 sobre #4B1F6B 1,32:1 Reprovado
Aa #4B1F6B sobre #371646 1,25:1 Reprovado

Paletas semelhantes

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