Paleta “Apricot Sherbet” de 4 cores

Paleta “Apricot Sherbet” de 4 cores

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

Paleta “Apricot Sherbet” de 4 cores

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

Editar
Sóbria 4 cores Quente Clara Análoga
Curtidas 6.247
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #F7F7F7;
  --c-muted-2: #CCEABB;
  --c-muted-3: #3F3F44;
  --c-muted-4: #FDCB9E;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Lynx White (#F7F7F7), o tom mais claro, até Bluish Black (#3F3F44), o mais escuro. Ela reúne Lynx White, Toxic Essence, Bluish Black e Apricot Sherbet em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #F7F7F7 sobre #3F3F44, com 9,77: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

Lynx White #F7F7F7
RGB
rgb(247, 247, 247)
HSL
hsl(0, 0%, 97%)
Luminância
0,930
Toxic Essence #CCEABB
RGB
rgb(204, 234, 187)
HSL
hsl(98, 53%, 83%)
Luminância
0,753
Bluish Black #3F3F44
RGB
rgb(63, 63, 68)
HSL
hsl(240, 4%, 26%)
Luminância
0,050
Apricot Sherbet #FDCB9E
RGB
rgb(253, 203, 158)
HSL
hsl(28, 96%, 81%)
Luminância
0,661

Contraste e acessibilidade

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

Aa #F7F7F7 sobre #3F3F44 9,77:1 AAA
Aa #CCEABB sobre #3F3F44 8,00:1 AAA
Aa #3F3F44 sobre #FDCB9E 7,09:1 AAA
Aa #F7F7F7 sobre #FDCB9E 1,38:1 Reprovado
Aa #F7F7F7 sobre #CCEABB 1,22:1 Reprovado
Aa #CCEABB sobre #FDCB9E 1,13: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