Criar conta Criar conta
Wacks8

Wacks8

Paleta de 8 cores · Neutra · Mista · Harmonia: Complementar

Voltar à biblioteca

Wacks8

Paleta de 8 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 8 cores Neutra Mista Complementar vibrant colorful 8 nostalgic
Curtidas 37
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #0A0E33;
  --c-vibrant-2: #C8232A;
  --c-vibrant-3: #F1E038;
  --c-vibrant-4: #14964C;
  --c-vibrant-5: #8CB5ED;
  --c-vibrant-6: #2B65E2;
  --c-vibrant-7: #C523AC;
  --c-vibrant-8: #E4DBF0;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Lingering Lilac (#E4DBF0), o tom mais claro, até Infinite Night (#0A0E33), o mais escuro. Ela reúne Infinite Night, Flush Mahogany, Juicy Jackfruit, Boogie Blast, Electric Eel, Enchanting Sapphire, Mystifying Magenta e Lingering Lilac em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #0A0E33 sobre #E4DBF0, com 13,96: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

Infinite Night #0A0E33
RGB
rgb(10, 14, 51)
HSL
hsl(234, 67%, 12%)
Luminância
0,006
Flush Mahogany #C8232A
RGB
rgb(200, 35, 42)
HSL
hsl(357, 70%, 46%)
Luminância
0,137
Juicy Jackfruit #F1E038
RGB
rgb(241, 224, 56)
HSL
hsl(54, 87%, 58%)
Luminância
0,723
Boogie Blast #14964C
RGB
rgb(20, 150, 76)
HSL
hsl(146, 76%, 33%)
Luminância
0,225
Electric Eel #8CB5ED
RGB
rgb(140, 181, 237)
HSL
hsl(215, 73%, 74%)
Luminância
0,447
Enchanting Sapphire #2B65E2
RGB
rgb(43, 101, 226)
HSL
hsl(221, 76%, 53%)
Luminância
0,153
Mystifying Magenta #C523AC
RGB
rgb(197, 35, 172)
HSL
hsl(309, 70%, 45%)
Luminância
0,161
Lingering Lilac #E4DBF0
RGB
rgb(228, 219, 240)
HSL
hsl(266, 41%, 90%)
Luminância
0,735

Contraste e acessibilidade

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

Aa #0A0E33 sobre #E4DBF0 13,96:1 AAA
Aa #0A0E33 sobre #F1E038 13,76:1 AAA
Aa #0A0E33 sobre #8CB5ED 8,85:1 AAA
Aa #0A0E33 sobre #14964C 4,89:1 AA
Aa #C8232A sobre #E4DBF0 4,21:1 AA, texto grande
Aa #C8232A sobre #F1E038 4,14:1 AA, texto grande
Aa #2B65E2 sobre #E4DBF0 3,86:1 AA, texto grande
Aa #F1E038 sobre #2B65E2 3,81:1 AA, texto grande
Aa #0A0E33 sobre #C523AC 3,75:1 AA, texto grande
Aa #C523AC sobre #E4DBF0 3,73:1 AA, texto grande
Aa #F1E038 sobre #C523AC 3,67:1 AA, texto grande
Aa #0A0E33 sobre #2B65E2 3,62:1 AA, texto grande
Aa #0A0E33 sobre #C8232A 3,32:1 AA, texto grande
Aa #14964C sobre #E4DBF0 2,85:1 Reprovado
Aa #F1E038 sobre #14964C 2,81:1 Reprovado
Aa #C8232A sobre #8CB5ED 2,67:1 Reprovado
Aa #8CB5ED sobre #2B65E2 2,45:1 Reprovado
Aa #8CB5ED sobre #C523AC 2,36:1 Reprovado
Aa #14964C sobre #8CB5ED 1,81:1 Reprovado
Aa #8CB5ED sobre #E4DBF0 1,58:1 Reprovado
Aa #F1E038 sobre #8CB5ED 1,55:1 Reprovado
Aa #C8232A sobre #14964C 1,47:1 Reprovado
Aa #14964C sobre #2B65E2 1,35:1 Reprovado
Aa #14964C sobre #C523AC 1,31:1 Reprovado
Aa #C8232A sobre #C523AC 1,13:1 Reprovado
Aa #C8232A sobre #2B65E2 1,09:1 Reprovado
Aa #2B65E2 sobre #C523AC 1,04:1 Reprovado
Aa #F1E038 sobre #E4DBF0 1,01:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B
4 cores
#F5F7F8 #F4CE14 #495E57 #45474B
4 cores
#222831 #393E46 #FFD369 #EEEEEE
4 cores
#000000 #52057B #892CDC #BC6FF1
4 cores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 cores
#F5EFE7 #D8C4B6 #4F709C #213555
4 cores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 cores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 cores