Paleta “Powder Sand” de 4 cores

Paleta “Powder Sand” de 4 cores

Paleta de 4 cores · Quente · Clara · Harmonia: Monocromática

Paleta “Powder Sand” de 4 cores

Paleta de 4 cores · Temperatura: Quente · Tonalidade: Clara · Harmonia: Monocromática

Editar
Terrosa 4 cores Quente Clara Monocromática
Curtidas 2.498
Cores 4


Variáveis CSS

:root {
  --c-earthy-1: #A8BBA3;
  --c-earthy-2: #B87C4C;
  --c-earthy-3: #C4A484;
  --c-earthy-4: #F7F1DE;
}

Sobre esta paleta

Esta paleta terrosa de 4 cores vai de Powder Sand (#F7F1DE), o tom mais claro, até Okonomiyaki Brown (#B87C4C), o mais escuro. Ela reúne Bryophyte, Okonomiyaki Brown, Latte e Powder Sand em um único conjunto que você pode levar direto para uma interface. Nenhum dos 6 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.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.


Análise das cores

Bryophyte #A8BBA3
RGB
rgb(168, 187, 163)
HSL
hsl(108, 15%, 69%)
Luminância
0,465
Okonomiyaki Brown #B87C4C
RGB
rgb(184, 124, 76)
HSL
hsl(27, 43%, 51%)
Luminância
0,251
Latte #C4A484
RGB
rgb(196, 164, 132)
HSL
hsl(30, 35%, 64%)
Luminância
0,400
Powder Sand #F7F1DE
RGB
rgb(247, 241, 222)
HSL
hsl(46, 61%, 92%)
Luminância
0,880

Contraste e acessibilidade

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

Aa #B87C4C sobre #F7F1DE 3,09:1 AA, texto grande
Aa #C4A484 sobre #F7F1DE 2,07:1 Reprovado
Aa #A8BBA3 sobre #F7F1DE 1,80:1 Reprovado
Aa #A8BBA3 sobre #B87C4C 1,71:1 Reprovado
Aa #B87C4C sobre #C4A484 1,49:1 Reprovado
Aa #A8BBA3 sobre #C4A484 1,15: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