Criar conta Criar conta
Fruitpunch 8 🍇🍓🍍🍏

Fruitpunch 8 🍇🍓🍍🍏

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

Voltar à biblioteca

Fruitpunch 8 🍇🍓🍍🍏

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

Editar
Vibrante 8 cores Quente Mista Complementar polyphrog rainbow fruit
Curtidas 88
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #120E23;
  --c-vibrant-2: #472859;
  --c-vibrant-3: #225875;
  --c-vibrant-4: #C53062;
  --c-vibrant-5: #249E4F;
  --c-vibrant-6: #F28941;
  --c-vibrant-7: #B4DC3A;
  --c-vibrant-8: #FFF1A9;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Transparent Yellow (#FFF1A9), o tom mais claro, até Corbeau (#120E23), o mais escuro. Ela reúne Corbeau, Acai, Sea Hunter, Maroon Light, Militant Vegan, Hot Orange, Acid Lime e Transparent Yellow 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 é #120E23 sobre #FFF1A9, com 16,54: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

Corbeau #120E23
RGB
rgb(18, 14, 35)
HSL
hsl(251, 43%, 10%)
Luminância
0,006
Acai #472859
RGB
rgb(71, 40, 89)
HSL
hsl(278, 38%, 25%)
Luminância
0,036
Sea Hunter #225875
RGB
rgb(34, 88, 117)
HSL
hsl(201, 55%, 30%)
Luminância
0,086
Maroon Light #C53062
RGB
rgb(197, 48, 98)
HSL
hsl(340, 61%, 48%)
Luminância
0,149
Militant Vegan #249E4F
RGB
rgb(36, 158, 79)
HSL
hsl(141, 63%, 38%)
Luminância
0,254
Hot Orange #F28941
RGB
rgb(242, 137, 65)
HSL
hsl(24, 87%, 60%)
Luminância
0,372
Acid Lime #B4DC3A
RGB
rgb(180, 220, 58)
HSL
hsl(75, 70%, 55%)
Luminância
0,612
Transparent Yellow #FFF1A9
RGB
rgb(255, 241, 169)
HSL
hsl(50, 100%, 83%)
Luminância
0,870

Contraste e acessibilidade

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

Aa #120E23 sobre #FFF1A9 16,54:1 AAA
Aa #120E23 sobre #B4DC3A 11,90:1 AAA
Aa #472859 sobre #FFF1A9 10,73:1 AAA
Aa #472859 sobre #B4DC3A 7,72:1 AAA
Aa #120E23 sobre #F28941 7,58:1 AAA
Aa #225875 sobre #FFF1A9 6,77:1 AA
Aa #120E23 sobre #249E4F 5,46:1 AA
Aa #472859 sobre #F28941 4,91:1 AA
Aa #225875 sobre #B4DC3A 4,87:1 AA
Aa #C53062 sobre #FFF1A9 4,63:1 AA
Aa #120E23 sobre #C53062 3,57:1 AA, texto grande
Aa #472859 sobre #249E4F 3,54:1 AA, texto grande
Aa #C53062 sobre #B4DC3A 3,33:1 AA, texto grande
Aa #225875 sobre #F28941 3,10:1 AA, texto grande
Aa #249E4F sobre #FFF1A9 3,03:1 AA, texto grande
Aa #120E23 sobre #225875 2,44:1 Reprovado
Aa #472859 sobre #C53062 2,32:1 Reprovado
Aa #225875 sobre #249E4F 2,23:1 Reprovado
Aa #249E4F sobre #B4DC3A 2,18:1 Reprovado
Aa #F28941 sobre #FFF1A9 2,18:1 Reprovado
Aa #C53062 sobre #F28941 2,12:1 Reprovado
Aa #472859 sobre #225875 1,59:1 Reprovado
Aa #F28941 sobre #B4DC3A 1,57:1 Reprovado
Aa #120E23 sobre #472859 1,54:1 Reprovado
Aa #C53062 sobre #249E4F 1,53:1 Reprovado
Aa #225875 sobre #C53062 1,46:1 Reprovado
Aa #249E4F sobre #F28941 1,39:1 Reprovado
Aa #B4DC3A sobre #FFF1A9 1,39: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