Criar conta Criar conta
Prplz Nd Pnkz OG EXT

Prplz Nd Pnkz OG EXT

Paleta de 9 cores · Quente · Mista · Harmonia: Triádica

Voltar à biblioteca

Prplz Nd Pnkz OG EXT

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Triádica

Editar
Vibrante 9 cores Quente Mista Triádica pink black white red
Curtidas 27
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #130026;
  --c-vibrant-2: #202080;
  --c-vibrant-3: #7052CC;
  --c-vibrant-4: #B68AE6;
  --c-vibrant-5: #F2CCFF;
  --c-vibrant-6: #FF99B2;
  --c-vibrant-7: #CC528F;
  --c-vibrant-8: #B2248F;
  --c-vibrant-9: #800080;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de Sparkling Lavender (#F2CCFF), o tom mais claro, até Space Grey (#130026), o mais escuro. Ela reúne Space Grey, Snorlax, Astro Purple, Luminous Lavender, Sparkling Lavender, Saira Red, Pretty in Plum, Loulou’s Purple e Purple em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #130026 sobre #F2CCFF, com 14,07: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

Space Grey #130026
RGB
rgb(19, 0, 38)
HSL
hsl(270, 100%, 7%)
Luminância
0,003
Snorlax #202080
RGB
rgb(32, 32, 128)
HSL
hsl(240, 60%, 31%)
Luminância
0,029
Astro Purple #7052CC
RGB
rgb(112, 82, 204)
HSL
hsl(255, 54%, 56%)
Luminância
0,138
Luminous Lavender #B68AE6
RGB
rgb(182, 138, 230)
HSL
hsl(269, 65%, 72%)
Luminância
0,338
Sparkling Lavender #F2CCFF
RGB
rgb(242, 204, 255)
HSL
hsl(285, 100%, 90%)
Luminância
0,693
Saira Red #FF99B2
RGB
rgb(255, 153, 178)
HSL
hsl(345, 100%, 80%)
Luminância
0,473
Pretty in Plum #CC528F
RGB
rgb(204, 82, 143)
HSL
hsl(330, 54%, 56%)
Luminância
0,209
Loulou’s Purple #B2248F
RGB
rgb(178, 36, 143)
HSL
hsl(315, 66%, 42%)
Luminância
0,127
Purple #800080
RGB
rgb(128, 0, 128)
HSL
hsl(300, 100%, 25%)
Luminância
0,062

Contraste e acessibilidade

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

Aa #130026 sobre #F2CCFF 14,07:1 AAA
Aa #130026 sobre #FF99B2 9,90:1 AAA
Aa #202080 sobre #F2CCFF 9,40:1 AAA
Aa #130026 sobre #B68AE6 7,36:1 AAA
Aa #F2CCFF sobre #800080 6,66:1 AA
Aa #202080 sobre #FF99B2 6,62:1 AA
Aa #202080 sobre #B68AE6 4,92:1 AA
Aa #130026 sobre #CC528F 4,90:1 AA
Aa #FF99B2 sobre #800080 4,69:1 AA
Aa #F2CCFF sobre #B2248F 4,19:1 AA, texto grande
Aa #7052CC sobre #F2CCFF 3,94:1 AA, texto grande
Aa #130026 sobre #7052CC 3,57:1 AA, texto grande
Aa #B68AE6 sobre #800080 3,48:1 AA, texto grande
Aa #130026 sobre #B2248F 3,36:1 AA, texto grande
Aa #202080 sobre #CC528F 3,27:1 AA, texto grande
Aa #FF99B2 sobre #B2248F 2,95:1 Reprovado
Aa #F2CCFF sobre #CC528F 2,87:1 Reprovado
Aa #7052CC sobre #FF99B2 2,77:1 Reprovado
Aa #202080 sobre #7052CC 2,39:1 Reprovado
Aa #CC528F sobre #800080 2,32:1 Reprovado
Aa #202080 sobre #B2248F 2,24:1 Reprovado
Aa #B68AE6 sobre #B2248F 2,19:1 Reprovado
Aa #130026 sobre #800080 2,11:1 Reprovado
Aa #7052CC sobre #B68AE6 2,06:1 Reprovado
Aa #FF99B2 sobre #CC528F 2,02:1 Reprovado
Aa #B68AE6 sobre #F2CCFF 1,91:1 Reprovado
Aa #7052CC sobre #800080 1,69:1 Reprovado
Aa #B2248F sobre #800080 1,59:1 Reprovado
Aa #130026 sobre #202080 1,50:1 Reprovado
Aa #B68AE6 sobre #CC528F 1,50:1 Reprovado
Aa #CC528F sobre #B2248F 1,46:1 Reprovado
Aa #F2CCFF sobre #FF99B2 1,42:1 Reprovado
Aa #202080 sobre #800080 1,41:1 Reprovado
Aa #7052CC sobre #CC528F 1,37:1 Reprovado
Aa #B68AE6 sobre #FF99B2 1,35:1 Reprovado
Aa #7052CC sobre #B2248F 1,06:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores