Ir para o seletor de cores

Cor #ae8552: Suave tom de âmbar

#ae8552 é rgb(174, 133, 82) em RGB e oklch(64.49% 0.08451 71.449) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

33 °
100%

64,5%
0,085
71 °
  • Âmbar
  • Médio
  • Suave
  • Quente
  • ≈ Cobre
  • yellow-600
  • Preto 32%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.35:1Difícil de ler
Lc -66
Texto preto
6.28:1Legível · AA
Lc 43

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.

Sobre #ae8552

#ae8552 é um suave tom de âmbar. Em OKLCH, tem luminosidade 64,5%, croma 0.085 e matiz 71 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Cobre (#b87333). No Tailwind CSS, a cor mais próxima é yellow-600.

Mais tons de âmbar (médio)

Mais claro: #ae8552 misturado com branco

Mais escuro: #ae8552 misturado com preto

Mais acinzentado: #ae8552 com menos saturação

Cores com nome parecidas

Cores que combinam com #ae8552

Complementar
Análoga
Triádica
Dividida

Perguntas sobre #ae8552

Que cor é #ae8552?

#ae8552 é um suave tom de âmbar. A cor com nome mais próxima é Suave tom de âmbar. Em RGB é rgb(174, 133, 82), em HSL hsl(33.26, 36.22%, 50.2%) e em OKLCH oklch(64.49% 0.08451 71.449).

Quais cores combinam com #ae8552?

A cor complementar de #ae8552 é #6791c0. Para uma combinação mais tranquila, use as cores análogas #ba7c65 e #988f51. As parceiras da tríade são #469e9a e #9f7fb4.

Texto branco ou preto é mais legível sobre #ae8552?

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

#ae8552 é uma cor quente ou fria?

#ae8552 é uma cor quente. Em OKLCH, o matiz é de 71 graus, a luminosidade 64,5% e o croma 0.085.