Ir para o seletor de cores

Cor #bbb577: Suave tom claro de amarelo

#bbb577 é rgb(187, 181, 119) em RGB e oklch(76.347% 0.08204 103.415) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

55 °
100%

76,3%
0,082
103 °
  • Amarelo
  • Claro
  • Suave
  • Neutra
  • ≈ Areia
  • olive-400
  • Preto 27%

Dentro do sRGB: aparece igual em qualquer tela.

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

Tons

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

Harmonias

Abrir como paleta

Recentes

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

Sobre #bbb577

#bbb577 é um suave tom claro de amarelo. Em OKLCH, tem luminosidade 76,3%, croma 0.082 e matiz 103 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

  1. bbb577
  2. c2bc85
  3. c8c493
  4. cfcba0
  5. d6d2ae
  6. dcdabb
  7. e3e1c9
  8. eae9d6
  9. f1f0e4
  10. f8f8f1

Mais escuro: #bbb577 misturado com preto

  1. bbb577
  2. a29d67
  3. 8a8657
  4. 736f47
  5. 5c5938
  6. 46442a
  7. 32301c
  8. 1f1d10
  9. 0d0c05
  10. 020201

Mais sóbrio: #bbb577 com menos saturação

  1. bbb577
  2. bab57e
  3. b9b584
  4. b8b48a
  5. b7b490
  6. b6b496
  7. b5b49c
  8. b5b3a2
  9. b4b3a7
  10. b3b2ad

Perguntas sobre #bbb577

Que cor é #bbb577?

#bbb577 é um suave tom claro de amarelo. A cor com nome mais próxima é Suave tom claro de amarelo. Em RGB é rgb(187, 181, 119), em HSL hsl(54.71, 33.33%, 60%) e em OKLCH oklch(76.347% 0.08204 103.415).

Quais cores combinam com #bbb577?

A cor complementar de #bbb577 é #abace5. Para uma combinação mais tranquila, use as cores análogas #d2ab77 e #9dbe88. As parceiras da tríade são #75bed9 e #d89ec0.

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

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

#bbb577 é uma cor quente ou fria?

#bbb577 é uma cor neutra. Em OKLCH, o matiz é de 103 graus, a luminosidade 76,3% e o croma 0.082.