Criar conta Criar conta
Cursor Party

Cursor Party

Paleta de 10 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

Cursor Party

Paleta de 10 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 10 cores Fria Mista Complementar pixelart neon nostalgia computers
Curtidas 18
Cores 10

Variáveis CSS

:root {
  --c-vibrant-1: #2549D1;
  --c-vibrant-2: #1B3396;
  --c-vibrant-3: #000000;
  --c-vibrant-4: #FCFCFC;
  --c-vibrant-5: #C7FB58;
  --c-vibrant-6: #1FDE91;
  --c-vibrant-7: #1457F4;
  --c-vibrant-8: #9114DA;
  --c-vibrant-9: #E84651;
  --c-vibrant-10: #F29047;
}

Sobre esta paleta

Esta paleta vibrante de 10 cores vai de Emptiness (#FCFCFC), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Blue Blue, North Star Blue, Black, Emptiness, Green of Bhabua, Reptile Green, Light Shōjin Blue, Violet, Watermelonade e Melon Orange em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000000 sobre #FCFCFC, com 20,47: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

Blue Blue #2549D1
RGB
rgb(37, 73, 209)
HSL
hsl(227, 70%, 48%)
Luminância
0,098
North Star Blue #1B3396
RGB
rgb(27, 51, 150)
HSL
hsl(228, 69%, 35%)
Luminância
0,048
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000
Emptiness #FCFCFC
RGB
rgb(252, 252, 252)
HSL
hsl(0, 0%, 99%)
Luminância
0,973
Green of Bhabua #C7FB58
RGB
rgb(199, 251, 88)
HSL
hsl(79, 95%, 66%)
Luminância
0,818
Reptile Green #1FDE91
RGB
rgb(31, 222, 145)
HSL
hsl(156, 75%, 50%)
Luminância
0,546
Light Shōjin Blue #1457F4
RGB
rgb(20, 87, 244)
HSL
hsl(222, 91%, 52%)
Luminância
0,135
Violet #9114DA
RGB
rgb(145, 20, 218)
HSL
hsl(278, 83%, 47%)
Luminância
0,116
Watermelonade #E84651
RGB
rgb(232, 70, 81)
HSL
hsl(356, 78%, 59%)
Luminância
0,221
Melon Orange #F29047
RGB
rgb(242, 144, 71)
HSL
hsl(26, 87%, 61%)
Luminância
0,393

Contraste e acessibilidade

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

Aa #000000 sobre #FCFCFC 20,47:1 AAA
Aa #000000 sobre #C7FB58 17,37:1 AAA
Aa #000000 sobre #1FDE91 11,92:1 AAA
Aa #1B3396 sobre #FCFCFC 10,44:1 AAA
Aa #1B3396 sobre #C7FB58 8,86:1 AAA
Aa #000000 sobre #F29047 8,86:1 AAA
Aa #2549D1 sobre #FCFCFC 6,93:1 AA
Aa #FCFCFC sobre #9114DA 6,17:1 AA
Aa #1B3396 sobre #1FDE91 6,08:1 AA
Aa #2549D1 sobre #C7FB58 5,88:1 AA
Aa #FCFCFC sobre #1457F4 5,53:1 AA
Aa #000000 sobre #E84651 5,43:1 AA
Aa #C7FB58 sobre #9114DA 5,24:1 AA
Aa #C7FB58 sobre #1457F4 4,69:1 AA
Aa #1B3396 sobre #F29047 4,52:1 AA
Aa #2549D1 sobre #1FDE91 4,04:1 AA, texto grande
Aa #FCFCFC sobre #E84651 3,77:1 AA, texto grande
Aa #000000 sobre #1457F4 3,70:1 AA, texto grande
Aa #1FDE91 sobre #9114DA 3,59:1 AA, texto grande
Aa #000000 sobre #9114DA 3,32:1 AA, texto grande
Aa #1FDE91 sobre #1457F4 3,22:1 AA, texto grande
Aa #C7FB58 sobre #E84651 3,20:1 AA, texto grande
Aa #2549D1 sobre #F29047 3,00:1 AA, texto grande
Aa #2549D1 sobre #000000 2,95:1 Reprovado
Aa #1B3396 sobre #E84651 2,77:1 Reprovado
Aa #9114DA sobre #F29047 2,67:1 Reprovado
Aa #1457F4 sobre #F29047 2,39:1 Reprovado
Aa #FCFCFC sobre #F29047 2,31:1 Reprovado
Aa #1FDE91 sobre #E84651 2,20:1 Reprovado
Aa #1B3396 sobre #000000 1,96:1 Reprovado
Aa #C7FB58 sobre #F29047 1,96:1 Reprovado
Aa #1B3396 sobre #1457F4 1,89:1 Reprovado
Aa #2549D1 sobre #E84651 1,84:1 Reprovado
Aa #FCFCFC sobre #1FDE91 1,72:1 Reprovado
Aa #1B3396 sobre #9114DA 1,69:1 Reprovado
Aa #9114DA sobre #E84651 1,64:1 Reprovado
Aa #E84651 sobre #F29047 1,63:1 Reprovado
Aa #2549D1 sobre #1B3396 1,51:1 Reprovado
Aa #1457F4 sobre #E84651 1,47:1 Reprovado
Aa #C7FB58 sobre #1FDE91 1,46:1 Reprovado
Aa #1FDE91 sobre #F29047 1,35:1 Reprovado
Aa #2549D1 sobre #1457F4 1,25:1 Reprovado
Aa #FCFCFC sobre #C7FB58 1,18:1 Reprovado
Aa #2549D1 sobre #9114DA 1,12:1 Reprovado
Aa #1457F4 sobre #9114DA 1,12: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