Cor #f2cc76: Delicado tom muito claro de amarelo
#f2cc76 é rgb(242, 204, 118) em RGB e oklch(86.011% 0.11355 86.173) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.
Lido como HEX
- Ctrl Vcole uma cor em qualquer lugar
- Espaçocor aleatória
- Ccopiar HEX
- Amarelo
- Muito claro
- Intenso
- Pastel
- Quente
- ≈ Mostarda
- orange-300
- Preto 5%
Dentro do sRGB: aparece igual em qualquer tela.
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 #f2cc76
#f2cc76 é um delicado tom muito claro de amarelo. Em OKLCH, tem luminosidade 86%, croma 0.114 e matiz 86 °.
Dentro do sRGB: aparece igual em qualquer tela.
Texto branco sobre ela chega a um contraste de 1.54:1 e texto preto a 13.67:1, então o texto preto é mais legível.
A cor com nome mais próxima é Mostarda (#ffdb58). No Tailwind CSS, a cor mais próxima é orange-300.
Mais claro: #f2cc76 misturado com branco
Mais escuro: #f2cc76 misturado com preto
Mais acinzentado: #f2cc76 com menos saturação
Cores com nome parecidas
Cores que combinam com #f2cc76
Perguntas sobre #f2cc76
Que cor é #f2cc76?
#f2cc76 é um delicado tom muito claro de amarelo. A cor com nome mais próxima é Delicado tom muito claro de amarelo. Em RGB é rgb(242, 204, 118), em HSL hsl(41.61, 82.67%, 70.59%) e em OKLCH oklch(86.011% 0.11355 86.173).
Quais cores combinam com #f2cc76?
A cor complementar de #f2cc76 é #b6d0ff. Para uma combinação mais tranquila, use as cores análogas #ffbe87 e #cddb82. As parceiras da tríade são #68e6f6 e #f8b7f9.
Texto branco ou preto é mais legível sobre #f2cc76?
O texto preto é mais legível sobre #f2cc76: o branco dá uma razão de contraste de 1.54:1 e o preto, 13.67:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.
#f2cc76 é uma cor quente ou fria?
#f2cc76 é uma cor quente. Em OKLCH, o matiz é de 86 graus, a luminosidade 86% e o croma 0.114.