Criar conta Criar conta
Tritaruzi

Tritaruzi

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

Voltar à biblioteca

Tritaruzi

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

Editar
Vibrante 8 cores Quente Mista Complementar green red tritanopia ruzikb
Curtidas 15
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #27000A;
  --c-vibrant-2: #7D057A;
  --c-vibrant-3: #E60D28;
  --c-vibrant-4: #F09CC7;
  --c-vibrant-5: #F2E1E6;
  --c-vibrant-6: #C7F37B;
  --c-vibrant-7: #3CCF0C;
  --c-vibrant-8: #017756;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Pink Proposal (#F2E1E6), o tom mais claro, até Belladonna (#27000A), o mais escuro. Ela reúne Belladonna, Philippine Violet, Xiān Hóng Red, Be My Valentine, Pink Proposal, Cucumber Milk, Candy Green e Victoria Peak em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #27000A sobre #F2E1E6, com 15,3: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

Belladonna #27000A
RGB
rgb(39, 0, 10)
HSL
hsl(345, 100%, 8%)
Luminância
0,005
Philippine Violet #7D057A
RGB
rgb(125, 5, 122)
HSL
hsl(302, 92%, 25%)
Luminância
0,059
Xiān Hóng Red #E60D28
RGB
rgb(230, 13, 40)
HSL
hsl(353, 89%, 48%)
Luminância
0,173
Be My Valentine #F09CC7
RGB
rgb(240, 156, 199)
HSL
hsl(329, 74%, 78%)
Luminância
0,464
Pink Proposal #F2E1E6
RGB
rgb(242, 225, 230)
HSL
hsl(342, 40%, 92%)
Luminância
0,784
Cucumber Milk #C7F37B
RGB
rgb(199, 243, 123)
HSL
hsl(82, 83%, 72%)
Luminância
0,777
Candy Green #3CCF0C
RGB
rgb(60, 207, 12)
HSL
hsl(105, 89%, 43%)
Luminância
0,456
Victoria Peak #017756
RGB
rgb(1, 119, 86)
HSL
hsl(163, 98%, 24%)
Luminância
0,139

Contraste e acessibilidade

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

Aa #27000A sobre #F2E1E6 15,30:1 AAA
Aa #27000A sobre #C7F37B 15,16:1 AAA
Aa #27000A sobre #F09CC7 9,43:1 AAA
Aa #27000A sobre #3CCF0C 9,28:1 AAA
Aa #7D057A sobre #F2E1E6 7,67:1 AAA
Aa #7D057A sobre #C7F37B 7,60:1 AAA
Aa #7D057A sobre #F09CC7 4,73:1 AA
Aa #7D057A sobre #3CCF0C 4,65:1 AA
Aa #F2E1E6 sobre #017756 4,42:1 AA, texto grande
Aa #C7F37B sobre #017756 4,38:1 AA, texto grande
Aa #27000A sobre #E60D28 4,08:1 AA, texto grande
Aa #E60D28 sobre #F2E1E6 3,75:1 AA, texto grande
Aa #E60D28 sobre #C7F37B 3,71:1 AA, texto grande
Aa #27000A sobre #017756 3,46:1 AA, texto grande
Aa #F09CC7 sobre #017756 2,72:1 Reprovado
Aa #3CCF0C sobre #017756 2,68:1 Reprovado
Aa #E60D28 sobre #F09CC7 2,31:1 Reprovado
Aa #E60D28 sobre #3CCF0C 2,27:1 Reprovado
Aa #7D057A sobre #E60D28 2,05:1 Reprovado
Aa #27000A sobre #7D057A 1,99:1 Reprovado
Aa #7D057A sobre #017756 1,74:1 Reprovado
Aa #F2E1E6 sobre #3CCF0C 1,65:1 Reprovado
Aa #C7F37B sobre #3CCF0C 1,63:1 Reprovado
Aa #F09CC7 sobre #F2E1E6 1,62:1 Reprovado
Aa #F09CC7 sobre #C7F37B 1,61:1 Reprovado
Aa #E60D28 sobre #017756 1,18:1 Reprovado
Aa #F09CC7 sobre #3CCF0C 1,02:1 Reprovado
Aa #F2E1E6 sobre #C7F37B 1,01: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