Criar conta Criar conta
Solarize

Solarize

Paleta de 5 cores · Quente · Clara · Harmonia: Análoga

Voltar à biblioteca

Solarize

Paleta de 5 cores · Temperatura: Quente · Tonalidade: Clara · Harmonia: Análoga

Editar
Vibrante 5 cores Quente Clara Análoga warm
Curtidas 4
Cores 5

Variáveis CSS

:root {
  --c-vibrant-1: #FFFF4E;
  --c-vibrant-2: #FECE84;
  --c-vibrant-3: #E59C7B;
  --c-vibrant-4: #F5704B;
  --c-vibrant-5: #A86577;
}

Sobre esta paleta

Esta paleta vibrante de 5 cores vai de Butter Cake (#FFFF4E), o tom mais claro, até Heather Rose (#A86577), o mais escuro. Ela reúne Butter Cake, Equatorial, Les Demoiselles d’Avignon, Fiery Sky e Heather Rose em um único conjunto que você pode levar direto para uma interface. Nenhum dos 10 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.

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

Butter Cake #FFFF4E
RGB
rgb(255, 255, 78)
HSL
hsl(60, 100%, 65%)
Luminância
0,933
Equatorial #FECE84
RGB
rgb(254, 206, 132)
HSL
hsl(36, 98%, 76%)
Luminância
0,669
Les Demoiselles d’Avignon #E59C7B
RGB
rgb(229, 156, 123)
HSL
hsl(19, 67%, 69%)
Luminância
0,419
Fiery Sky #F5704B
RGB
rgb(245, 112, 75)
HSL
hsl(13, 89%, 63%)
Luminância
0,315
Heather Rose #A86577
RGB
rgb(168, 101, 119)
HSL
hsl(344, 28%, 53%)
Luminância
0,190

Contraste e acessibilidade

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

Aa #FFFF4E sobre #A86577 4,10:1 AA, texto grande
Aa #FECE84 sobre #A86577 3,00:1 AA, texto grande
Aa #FFFF4E sobre #F5704B 2,69:1 Reprovado
Aa #FFFF4E sobre #E59C7B 2,10:1 Reprovado
Aa #FECE84 sobre #F5704B 1,97:1 Reprovado
Aa #E59C7B sobre #A86577 1,96:1 Reprovado
Aa #FECE84 sobre #E59C7B 1,53:1 Reprovado
Aa #F5704B sobre #A86577 1,52:1 Reprovado
Aa #FFFF4E sobre #FECE84 1,37:1 Reprovado
Aa #E59C7B sobre #F5704B 1,28:1 Reprovado

Paletas semelhantes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 cores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 cores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 cores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 cores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 cores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 cores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 cores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 cores