Ir para o seletor de cores

Cor #ccb366: Suave tom claro de amarelo

#ccb366 é rgb(204, 179, 102) em RGB e oklch(77.189% 0.10123 91.909) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

45 °
100%

77,2%
0,101
92 °
  • Amarelo
  • Claro
  • Suave
  • Quente
  • ≈ Areia
  • orange-300
  • Preto 20%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.06:1Difícil de ler
Lc -45
Texto preto
10.21:1Legível · AA
Lc 64

Tons

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

Harmonias

Abrir como paleta

Recentes

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

Sobre #ccb366

#ccb366 é um suave tom claro de amarelo. Em OKLCH, tem luminosidade 77,2%, croma 0.101 e matiz 92 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

  1. ccb366
  2. d1bb76
  3. d6c286
  4. dbca96
  5. e0d1a5
  6. e5d9b4
  7. eae1c3
  8. f0e8d2
  9. f5f0e1
  10. faf7f0

Mais escuro: #ccb366 misturado com preto

  1. ccb366
  2. b19b58
  3. 97844a
  4. 7e6e3c
  5. 65582f
  6. 4e4323
  7. 372f17
  8. 221d0c
  9. 0f0c04
  10. 020100

Mais acinzentado: #ccb366 com menos saturação

  1. ccb366
  2. cab36f
  3. c7b478
  4. c5b481
  5. c3b489
  6. c0b491
  7. beb598
  8. bcb59f
  9. b9b5a7
  10. b7b5ae

Cores com nome parecidas

Cores que combinam com #ccb366

Complementar
#ccb366#9eb1f6
Análoga
#ccb366#e4a670#aabf75
Triádica
#ccb366#5cc6da#db9dd2
Dividida
#ccb366#78bdf0#c1a6eb

Perguntas sobre #ccb366

Que cor é #ccb366?

#ccb366 é um suave tom claro de amarelo. A cor com nome mais próxima é Suave tom claro de amarelo. Em RGB é rgb(204, 179, 102), em HSL hsl(45.29, 50%, 60%) e em OKLCH oklch(77.189% 0.10123 91.909).

Quais cores combinam com #ccb366?

A cor complementar de #ccb366 é #9eb1f6. Para uma combinação mais tranquila, use as cores análogas #e4a670 e #aabf75. As parceiras da tríade são #5cc6da e #db9dd2.

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

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

#ccb366 é uma cor quente ou fria?

#ccb366 é uma cor quente. Em OKLCH, o matiz é de 92 graus, a luminosidade 77,2% e o croma 0.101.