Criar conta Criar conta
CafeArisuki

CafeArisuki

Paleta de 10 cores · Quente · Mista · Harmonia: Análoga

Voltar à biblioteca

CafeArisuki

Paleta de 10 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Análoga

Editar
Vibrante 10 cores Quente Mista Análoga pastel food fydotiles pastry
Curtidas 36
Cores 10

Variáveis CSS

:root {
  --c-vibrant-1: #49223F;
  --c-vibrant-2: #CC2B46;
  --c-vibrant-3: #F37E7E;
  --c-vibrant-4: #E7A794;
  --c-vibrant-5: #FBF1D1;
  --c-vibrant-6: #F6CDA3;
  --c-vibrant-7: #CA833C;
  --c-vibrant-8: #8A4646;
  --c-vibrant-9: #538F5A;
  --c-vibrant-10: #B4ACCC;
}

Sobre esta paleta

Esta paleta vibrante de 10 cores vai de Picture Perfect (#FBF1D1), o tom mais claro, até Prestige Mauve (#49223F), o mais escuro. Ela reúne Prestige Mauve, Demonic Kiss, Meat, Ageless Beauty, Picture Perfect, Lion Cub, Peru, Forbidden Red, Middle Green e Lavender Dream em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #49223F sobre #FBF1D1, com 11,75: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

Prestige Mauve #49223F
RGB
rgb(73, 34, 63)
HSL
hsl(315, 36%, 21%)
Luminância
0,029
Demonic Kiss #CC2B46
RGB
rgb(204, 43, 70)
HSL
hsl(350, 65%, 48%)
Luminância
0,150
Meat #F37E7E
RGB
rgb(243, 126, 126)
HSL
hsl(0, 83%, 72%)
Luminância
0,355
Ageless Beauty #E7A794
RGB
rgb(231, 167, 148)
HSL
hsl(14, 63%, 74%)
Luminância
0,468
Picture Perfect #FBF1D1
RGB
rgb(251, 241, 209)
HSL
hsl(46, 84%, 90%)
Luminância
0,880
Lion Cub #F6CDA3
RGB
rgb(246, 205, 163)
HSL
hsl(30, 82%, 80%)
Luminância
0,659
Peru #CA833C
RGB
rgb(202, 131, 60)
HSL
hsl(30, 57%, 51%)
Luminância
0,291
Forbidden Red #8A4646
RGB
rgb(138, 70, 70)
HSL
hsl(0, 33%, 41%)
Luminância
0,102
Middle Green #538F5A
RGB
rgb(83, 143, 90)
HSL
hsl(127, 27%, 44%)
Luminância
0,222
Lavender Dream #B4ACCC
RGB
rgb(180, 172, 204)
HSL
hsl(255, 24%, 74%)
Luminância
0,436

Contraste e acessibilidade

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

Aa #49223F sobre #FBF1D1 11,75:1 AAA
Aa #49223F sobre #F6CDA3 8,95:1 AAA
Aa #49223F sobre #E7A794 6,54:1 AA
Aa #49223F sobre #B4ACCC 6,13:1 AA
Aa #FBF1D1 sobre #8A4646 6,11:1 AA
Aa #49223F sobre #F37E7E 5,11:1 AA
Aa #F6CDA3 sobre #8A4646 4,66:1 AA
Aa #CC2B46 sobre #FBF1D1 4,65:1 AA
Aa #49223F sobre #CA833C 4,31:1 AA, texto grande
Aa #CC2B46 sobre #F6CDA3 3,54:1 AA, texto grande
Aa #49223F sobre #538F5A 3,44:1 AA, texto grande
Aa #FBF1D1 sobre #538F5A 3,42:1 AA, texto grande
Aa #E7A794 sobre #8A4646 3,40:1 AA, texto grande
Aa #8A4646 sobre #B4ACCC 3,19:1 AA, texto grande
Aa #FBF1D1 sobre #CA833C 2,73:1 Reprovado
Aa #F37E7E sobre #8A4646 2,66:1 Reprovado
Aa #F6CDA3 sobre #538F5A 2,60:1 Reprovado
Aa #CC2B46 sobre #E7A794 2,59:1 Reprovado
Aa #49223F sobre #CC2B46 2,53:1 Reprovado
Aa #CC2B46 sobre #B4ACCC 2,43:1 Reprovado
Aa #F37E7E sobre #FBF1D1 2,30:1 Reprovado
Aa #CA833C sobre #8A4646 2,24:1 Reprovado
Aa #F6CDA3 sobre #CA833C 2,08:1 Reprovado
Aa #CC2B46 sobre #F37E7E 2,02:1 Reprovado
Aa #49223F sobre #8A4646 1,92:1 Reprovado
Aa #FBF1D1 sobre #B4ACCC 1,92:1 Reprovado
Aa #E7A794 sobre #538F5A 1,90:1 Reprovado
Aa #E7A794 sobre #FBF1D1 1,80:1 Reprovado
Aa #8A4646 sobre #538F5A 1,79:1 Reprovado
Aa #538F5A sobre #B4ACCC 1,78:1 Reprovado
Aa #F37E7E sobre #F6CDA3 1,75:1 Reprovado
Aa #CC2B46 sobre #CA833C 1,71:1 Reprovado
Aa #E7A794 sobre #CA833C 1,52:1 Reprovado
Aa #F37E7E sobre #538F5A 1,49:1 Reprovado
Aa #F6CDA3 sobre #B4ACCC 1,46:1 Reprovado
Aa #CA833C sobre #B4ACCC 1,42:1 Reprovado
Aa #E7A794 sobre #F6CDA3 1,37:1 Reprovado
Aa #CC2B46 sobre #538F5A 1,36:1 Reprovado
Aa #CC2B46 sobre #8A4646 1,31:1 Reprovado
Aa #FBF1D1 sobre #F6CDA3 1,31:1 Reprovado
Aa #F37E7E sobre #E7A794 1,28:1 Reprovado
Aa #CA833C sobre #538F5A 1,25:1 Reprovado
Aa #F37E7E sobre #B4ACCC 1,20:1 Reprovado
Aa #F37E7E sobre #CA833C 1,19:1 Reprovado
Aa #E7A794 sobre #B4ACCC 1,07: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