Ir para o seletor de cores

Cor Areia: #c2b280

Areia é #c2b280, rgb(194, 178, 128) em RGB e oklch(76.501% 0.06911 92.43) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

45 °
100%

76,5%
0,069
92 °
  • Amarelo
  • Claro
  • Suave
  • Esmaecido
  • Quente
  • olive-400
  • Preto 24%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.11:1Difícil de ler
Lc -46
Texto preto
9.97:1Legível · AA
Lc 63

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Sand

Paletas com Areia

Cores com nome parecidas

Perguntas sobre Areia

Qual é o código HEX de Areia?

O código HEX de Areia é #c2b280. Em RGB é rgb(194, 178, 128), em HSL hsl(45.45, 35.11%, 63.14%) e em OKLCH oklch(76.501% 0.06911 92.43).

Quais cores combinam com Areia?

A cor complementar é #a3b1df. Para um visual mais tranquilo, combine com as cores análogas #d3a985 e #abba89. Paletas prontas com Areia estão nesta página.

Areia é uma cor quente ou fria?

Areia é uma cor quente, com matiz OKLCH de 92 graus.

Qual cor de texto é legível sobre Areia?

O texto preto é mais legível sobre Areia: o branco dá uma razão de contraste de 2.11:1 e o preto, 9.97:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

Sobre #c2b280

#c2b280 é um esmaecido tom claro de amarelo. Em OKLCH, tem luminosidade 76,5%, croma 0.069 e matiz 92 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.11:1 e texto preto a 9.97:1, então o texto preto é mais legível.

A cor com nome mais próxima é Areia (#c2b280). No Tailwind CSS, a cor mais próxima é olive-400.

Mais tons de amarelo (claro)

Mais claro: #c2b280 misturado com branco

  1. c2b280

Mais escuro: #c2b280 misturado com preto

  1. c2b280

Mais acinzentado: #c2b280 com menos saturação

  1. c2b280

Cores com nome parecidas

Cores que combinam com #c2b280

Complementar
#c2b280
Análoga
#c2b280
Triádica
#c2b280
Dividida
#c2b280