Ir para o seletor de cores

Cor #ccbb77: Suave tom claro de amarelo

#ccbb77 é rgb(204, 187, 119) em RGB e oklch(79.099% 0.08977 95.783) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

48 °
100%

79,1%
0,090
96 °
  • Amarelo
  • Claro
  • Suave
  • Quente
  • ≈ Areia
  • orange-300
  • Preto 20%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.92:1Difícil de ler
Lc -41
Texto preto
10.94:1Legível · AA
Lc 67

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 #ccbb77

#ccbb77 é um suave tom claro de amarelo. Em OKLCH, tem luminosidade 79,1%, croma 0.09 e matiz 96 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.92:1 e texto preto a 10.94: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 é orange-300.

Mais tons de amarelo (claro)

Mais claro: #ccbb77 misturado com branco

  1. ccbb77
  2. d1c285
  3. d6c993
  4. dbcfa1
  5. e0d6ae
  6. e5ddbc
  7. eae4c9
  8. efebd7
  9. f5f1e4
  10. faf8f2

Mais escuro: #ccbb77 misturado com preto

  1. ccbb77
  2. b1a267
  3. 978a57
  4. 7e7347
  5. 655c38
  6. 4e462a
  7. 37321c
  8. 221f10
  9. 0f0d05
  10. 020201

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

  1. ccbb77
  2. cabb7f
  3. c8bb86
  4. c7bb8d
  5. c5bb94
  6. c3bb9b
  7. c1bba1
  8. c0bba8
  9. bebbae
  10. bcbbb5

Cores com nome parecidas

Cores que combinam com #ccbb77

Complementar
#ccbb77#abb6f5
Análoga
#ccbb77#e3b07c#adc686
Tríade
#ccbb77#72cadf#e0a5d1
Dividida
#ccbb77#8ac1f1#c9ace9

Perguntas sobre #ccbb77

Que cor é #ccbb77?

#ccbb77 é um suave tom claro de amarelo. A cor com nome mais próxima é Suave tom claro de amarelo. Em RGB é rgb(204, 187, 119), em HSL hsl(48, 45.45%, 63.33%) e em OKLCH oklch(79.099% 0.08977 95.783).

Quais cores combinam com #ccbb77?

A cor complementar de #ccbb77 é #abb6f5. Para uma combinação mais tranquila, use as cores análogas #e3b07c e #adc686. As parceiras da tríade são #72cadf e #e0a5d1.

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

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

#ccbb77 é uma cor quente ou fria?

#ccbb77 é uma cor quente. Em OKLCH, o matiz é de 96 graus, a luminosidade 79,1% e o croma 0.09.