Criar conta Criar conta
A Horrible Death

A Horrible Death

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

Voltar à biblioteca

A Horrible Death

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

Editar
Vibrante 8 cores Neutra Mista Complementar
Curtidas 27
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #241623;
  --c-vibrant-2: #820933;
  --c-vibrant-3: #E36397;
  --c-vibrant-4: #FFE5F5;
  --c-vibrant-5: #EAE6FF;
  --c-vibrant-6: #76E7CD;
  --c-vibrant-7: #3C787E;
  --c-vibrant-8: #023A52;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Bunny Tail (#FFE5F5), o tom mais claro, até Kurobeni (#241623), o mais escuro. Ela reúne Kurobeni, Inescapable Lover, Groovy, Bunny Tail, Cyber Lavender, Turquoise Chalk, Grand Canal e Dark Denim Blue em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 10 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #241623 sobre #FFE5F5, com 14,64: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

Kurobeni #241623
RGB
rgb(36, 22, 35)
HSL
hsl(304, 24%, 11%)
Luminância
0,011
Inescapable Lover #820933
RGB
rgb(130, 9, 51)
HSL
hsl(339, 87%, 27%)
Luminância
0,052
Groovy #E36397
RGB
rgb(227, 99, 151)
HSL
hsl(336, 70%, 64%)
Luminância
0,275
Bunny Tail #FFE5F5
RGB
rgb(255, 229, 245)
HSL
hsl(323, 100%, 95%)
Luminância
0,839
Cyber Lavender #EAE6FF
RGB
rgb(234, 230, 255)
HSL
hsl(250, 100%, 95%)
Luminância
0,813
Turquoise Chalk #76E7CD
RGB
rgb(118, 231, 205)
HSL
hsl(166, 70%, 68%)
Luminância
0,654
Grand Canal #3C787E
RGB
rgb(60, 120, 126)
HSL
hsl(185, 35%, 36%)
Luminância
0,159
Dark Denim Blue #023A52
RGB
rgb(2, 58, 82)
HSL
hsl(198, 95%, 16%)
Luminância
0,037

Contraste e acessibilidade

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

Aa #241623 sobre #FFE5F5 14,64:1 AAA
Aa #241623 sobre #EAE6FF 14,22:1 AAA
Aa #241623 sobre #76E7CD 11,60:1 AAA
Aa #FFE5F5 sobre #023A52 10,28:1 AAA
Aa #EAE6FF sobre #023A52 9,98:1 AAA
Aa #820933 sobre #FFE5F5 8,73:1 AAA
Aa #820933 sobre #EAE6FF 8,48:1 AAA
Aa #76E7CD sobre #023A52 8,14:1 AAA
Aa #820933 sobre #76E7CD 6,92:1 AA
Aa #241623 sobre #E36397 5,35:1 AA
Aa #FFE5F5 sobre #3C787E 4,25:1 AA, texto grande
Aa #EAE6FF sobre #3C787E 4,13:1 AA, texto grande
Aa #E36397 sobre #023A52 3,76:1 AA, texto grande
Aa #241623 sobre #3C787E 3,44:1 AA, texto grande
Aa #76E7CD sobre #3C787E 3,37:1 AA, texto grande
Aa #820933 sobre #E36397 3,19:1 AA, texto grande
Aa #E36397 sobre #FFE5F5 2,74:1 Reprovado
Aa #E36397 sobre #EAE6FF 2,66:1 Reprovado
Aa #3C787E sobre #023A52 2,42:1 Reprovado
Aa #E36397 sobre #76E7CD 2,17:1 Reprovado
Aa #820933 sobre #3C787E 2,05:1 Reprovado
Aa #241623 sobre #820933 1,68:1 Reprovado
Aa #E36397 sobre #3C787E 1,55:1 Reprovado
Aa #241623 sobre #023A52 1,42:1 Reprovado
Aa #FFE5F5 sobre #76E7CD 1,26:1 Reprovado
Aa #EAE6FF sobre #76E7CD 1,23:1 Reprovado
Aa #820933 sobre #023A52 1,18:1 Reprovado
Aa #FFE5F5 sobre #EAE6FF 1,03: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