Ir para o seletor de cores

Cor #cccf66: Delicado tom claro de amarelo

#cccf66 é rgb(204, 207, 102) em RGB e oklch(83.063% 0.1287 110.372) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

62 °
100%

83,1%
0,129
110 °
  • Amarelo
  • Claro
  • Intenso
  • Pastel
  • Neutra
  • ≈ Pistache
  • amber-300
  • Preto 19%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.66:1Difícil de ler
Lc -33
Texto preto
12.68:1Legível · AA
Lc 75

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

#cccf66 é um delicado tom claro de amarelo. Em OKLCH, tem luminosidade 83,1%, croma 0.129 e matiz 110 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Pistache (#93c572). No Tailwind CSS, a cor mais próxima é amber-300.

Mais tons de amarelo (claro)

Mais claro: #cccf66 misturado com branco

  1. cccf66
  2. d1d478
  3. d6d988
  4. dbde98
  5. e0e3a7
  6. e5e8b6
  7. eaecc5
  8. eff1d4
  9. f4f6e2
  10. fafaf1

Mais escuro: #cccf66 misturado com preto

  1. cccf66
  2. b1b458
  3. 97994a
  4. 7e7f3c
  5. 65672f
  6. 4e4f23
  7. 373817
  8. 22230c
  9. 0f1004
  10. 020200

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

  1. cccf66
  2. cbce72
  3. cbce7e
  4. cacd88
  5. cacd92
  6. c9cc9c
  7. c9cba5
  8. c8caae
  9. c8c9b6
  10. c8c8bf

Cores com nome parecidas

Cores que combinam com #cccf66

Complementar
#cccf66#c7bbff
Análoga
#cccf66#f3be5e#99dc8c
Tríade
#cccf66#61d7ff#ffa4d3
Dividida
#cccf66#a0c9ff#edacfb

Perguntas sobre #cccf66

Que cor é #cccf66?

#cccf66 é um delicado tom claro de amarelo. A cor com nome mais próxima é Delicado tom claro de amarelo. Em RGB é rgb(204, 207, 102), em HSL hsl(61.71, 52.24%, 60.59%) e em OKLCH oklch(83.063% 0.1287 110.372).

Quais cores combinam com #cccf66?

A cor complementar de #cccf66 é #c7bbff. Para uma combinação mais tranquila, use as cores análogas #f3be5e e #99dc8c. As parceiras da tríade são #61d7ff e #ffa4d3.

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

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

#cccf66 é uma cor quente ou fria?

#cccf66 é uma cor neutra. Em OKLCH, o matiz é de 110 graus, a luminosidade 83,1% e o croma 0.129.