Criar conta Criar conta
Bulls On Parade

Bulls On Parade

Paleta de 9 cores · Fria · Clara · Harmonia: Análoga

Voltar à biblioteca

Bulls On Parade

Paleta de 9 cores · Temperatura: Fria · Tonalidade: Clara · Harmonia: Análoga

Editar
Vibrante 9 cores Fria Clara Análoga pixelart blue purple neon
Curtidas 21
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #132397;
  --c-vibrant-2: #1F36CB;
  --c-vibrant-3: #2B59FF;
  --c-vibrant-4: #407AFF;
  --c-vibrant-5: #77B2FF;
  --c-vibrant-6: #96D0FF;
  --c-vibrant-7: #C0EFFF;
  --c-vibrant-8: #FFFFFF;
  --c-vibrant-9: #B03ED2;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de White (#FFFFFF), o tom mais claro, até Deepsea Kraken (#132397), o mais escuro. Ela reúne Deepsea Kraken, Third Eye Chakra, YInMn Blue, Lightish Blue, French Sky Blue, Long Island Sound, Blue Java Banana, White e Purple Yam 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 é #132397 sobre #FFFFFF, com 12,25: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

Deepsea Kraken #132397
RGB
rgb(19, 35, 151)
HSL
hsl(233, 78%, 33%)
Luminância
0,036
Third Eye Chakra #1F36CB
RGB
rgb(31, 54, 203)
HSL
hsl(232, 74%, 46%)
Luminância
0,072
YInMn Blue #2B59FF
RGB
rgb(43, 89, 255)
HSL
hsl(227, 100%, 58%)
Luminância
0,149
Lightish Blue #407AFF
RGB
rgb(64, 122, 255)
HSL
hsl(222, 100%, 63%)
Luminância
0,222
French Sky Blue #77B2FF
RGB
rgb(119, 178, 255)
HSL
hsl(214, 100%, 73%)
Luminância
0,430
Long Island Sound #96D0FF
RGB
rgb(150, 208, 255)
HSL
hsl(207, 100%, 79%)
Luminância
0,588
Blue Java Banana #C0EFFF
RGB
rgb(192, 239, 255)
HSL
hsl(195, 100%, 88%)
Luminância
0,802
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000
Purple Yam #B03ED2
RGB
rgb(176, 62, 210)
HSL
hsl(286, 62%, 53%)
Luminância
0,173

Contraste e acessibilidade

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

Aa #132397 sobre #FFFFFF 12,25:1 AAA
Aa #132397 sobre #C0EFFF 9,93:1 AAA
Aa #1F36CB sobre #FFFFFF 8,58:1 AAA
Aa #132397 sobre #96D0FF 7,44:1 AAA
Aa #1F36CB sobre #C0EFFF 6,96:1 AA
Aa #132397 sobre #77B2FF 5,60:1 AA
Aa #2B59FF sobre #FFFFFF 5,28:1 AA
Aa #1F36CB sobre #96D0FF 5,21:1 AA
Aa #FFFFFF sobre #B03ED2 4,70:1 AA
Aa #2B59FF sobre #C0EFFF 4,28:1 AA, texto grande
Aa #1F36CB sobre #77B2FF 3,92:1 AA, texto grande
Aa #407AFF sobre #FFFFFF 3,86:1 AA, texto grande
Aa #C0EFFF sobre #B03ED2 3,81:1 AA, texto grande
Aa #2B59FF sobre #96D0FF 3,21:1 AA, texto grande
Aa #132397 sobre #407AFF 3,18:1 AA, texto grande
Aa #407AFF sobre #C0EFFF 3,13:1 AA, texto grande
Aa #96D0FF sobre #B03ED2 2,86:1 Reprovado
Aa #132397 sobre #B03ED2 2,60:1 Reprovado
Aa #2B59FF sobre #77B2FF 2,41:1 Reprovado
Aa #407AFF sobre #96D0FF 2,34:1 Reprovado
Aa #132397 sobre #2B59FF 2,32:1 Reprovado
Aa #1F36CB sobre #407AFF 2,22:1 Reprovado
Aa #77B2FF sobre #FFFFFF 2,19:1 Reprovado
Aa #77B2FF sobre #B03ED2 2,15:1 Reprovado
Aa #1F36CB sobre #B03ED2 1,82:1 Reprovado
Aa #77B2FF sobre #C0EFFF 1,77:1 Reprovado
Aa #407AFF sobre #77B2FF 1,76:1 Reprovado
Aa #96D0FF sobre #FFFFFF 1,65:1 Reprovado
Aa #1F36CB sobre #2B59FF 1,62:1 Reprovado
Aa #132397 sobre #1F36CB 1,43:1 Reprovado
Aa #2B59FF sobre #407AFF 1,37:1 Reprovado
Aa #77B2FF sobre #96D0FF 1,33:1 Reprovado
Aa #96D0FF sobre #C0EFFF 1,33:1 Reprovado
Aa #C0EFFF sobre #FFFFFF 1,23:1 Reprovado
Aa #407AFF sobre #B03ED2 1,22:1 Reprovado
Aa #2B59FF sobre #B03ED2 1,12:1 Reprovado

Paletas semelhantes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 cores
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 cores
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 cores
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 cores
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 cores
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 cores
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 cores
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 cores