Ir para o seletor de cores

Cor #af8552: Suave tom de âmbar

#af8552 é rgb(175, 133, 82) em RGB e oklch(64.599% 0.08522 70.753) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

33 °
100%

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

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.33:1Difícil de ler
Lc -66
Texto preto
6.30: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 #af8552

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

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.33:1 e texto preto a 6.3: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: #af8552 misturado com branco

Mais escuro: #af8552 misturado com preto

Mais acinzentado: #af8552 com menos saturação

Cores com nome parecidas

Cores que combinam com #af8552

Complementar
Análoga
Triádica
Dividida

Perguntas sobre #af8552

Que cor é #af8552?

#af8552 é um suave tom de âmbar. A cor com nome mais próxima é Suave tom de âmbar. Em RGB é rgb(175, 133, 82), em HSL hsl(32.9, 36.76%, 50.39%) e em OKLCH oklch(64.599% 0.08522 70.753).

Quais cores combinam com #af8552?

A cor complementar de #af8552 é #6692c0. Para uma combinação mais tranquila, use as cores análogas #bb7c66 e #999050. As parceiras da tríade são #459f9a e #9e7fb5.

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

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

#af8552 é uma cor quente ou fria?

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