Cor Areia: código #C2B280

Areia

#C2B280

Códigos da cor

  • HEX#C2B280
  • RGBrgb(194, 178, 128)
  • HSLhsl(45, 35%, 63%)
  • HSVhsv(45, 34%, 76%)
  • CMYKcmyk(0%, 8%, 34%, 24%)
  • LABlab(72.8% -1.8 27.7)
  • OKLCHoklch(76.5% 0.069 92.4)

Sobre a cor Areia

Areia tem o código HEX #C2B280, que corresponde a rgb(194, 178, 128) no modelo RGB. No círculo cromático, seu matiz fica em 45°, com 35% de saturação e 63% de luminosidade (hsl(45, 35%, 63%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 9,97:1 sobre ela, contra 2,10:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 8%, 34%, 24%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Areia

Complementar

#C2B280 · #8090C2

Análoga

#C29080 · #C2B280 · #B1C280

Tríade

#C2B280 · #80C2B1 · #B180C2

Tetrádica

#C2B280 · #80C290 · #8090C2 · #C280B1

Complementar dividida

#C2B280 · #80B1C2 · #9080C2

Monocromática

#83723F · #B19C5D · #C2B280 · #DBD1B3 · #F3F0E7

Areia com texto branco e preto

Texto branco Aa Bb Cc 123
2,10:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
9,97:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-sand: #C2B280;
  --color-sand-rgb: 194, 178, 128;
}

.elemento {
  background-color: var(--color-sand);
  color: #000000;
}