Paleta de Cores

Cor areia

Imita o tom da areia seca da praia ou do deserto. É um bege com fundo amarelado, tranquilo e natural. Aparece em paredes, tapetes e roupas de linho.

Também conhecida como: bege-areia, cor de areia.

Areia · #C2B280

Sobre a cor areia

O areia (#C2B280) é uma cor quente, de luminosidade média e de saturação média. Faz parte da família dos marrons. É formada por 194 de vermelho, 178 de verde e 128 de azul (de 0 a 255). É usada principalmente em decoração, moda, arquitetura.

Tons de areia: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor areia

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Cinza-azulado
AnálogasPróximo de: Mocha, Verde-musgo
TríadePróximo de: Verde-água, Glicínia
Complementar divididaPróximo de: Azul pastel, Glicínia
TétradePróximo de: Verde-sálvia, Cinza-azulado, Glicínia

Paletas com a cor areia

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Areia
Paleta análoga · Areia
Paleta complementar · Areia
Paleta tríade · Areia
Paleta com neutros · Areia
Paleta com destaque · Areia

Contraste de areia com texto

Texto brancoContraste 2.1:1 · Não recomendado
Texto pretoContraste 10.0:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --areia: #C2B280;
  --areia-rgb: 194, 178, 128;
}
.fundo { background-color: var(--areia); }
.texto { color: var(--areia); }

Cores parecidas com areia

CáquiCamelNudeVerde-sálviaTrigoBaunilhaVerde-musgoPêssegoGreigeDamasco

Paletas temáticas com esta cor

Mais marrons

MarromCaféChocolateMognoCastanhoCanelaSépiaOcreCarameloCamelMochaCáquiBegeNudeBronzeTabacoSienaCafé com leite

Perguntas frequentes

Qual é o código da cor areia?

O código HEX da cor areia é #C2B280. Em RGB é rgb(194, 178, 128), em HSL é hsl(45, 35%, 63%) e em CMYK é 0, 8, 34, 24.

Qual é a cor complementar de areia?

A complementar no círculo cromático é #8090C2, um tom próximo de cinza-azulado. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor areia?

Melhor usar texto preto: o contraste com o branco é só 2.1:1, enquanto com o preto é 10.0:1.