Código da Cor Amarelo Claro (#ffffe0)

Amarelo Claro é #ffffe0 em hex e rgb(255, 255, 224), um amarelo bem clarinho. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Amarelo Claro
#ffffe0
Nome CSSlightyellow
Hex#ffffe0
RGBrgb(255, 255, 224)
HSLhsl(60 100% 94%)
HWBhwb(60 88% 0%)
CMYK0%, 0%, 12%, 0%

Tons e sombras

Harmonias de cores

Sobre o Amarelo Claro

Amarelo Claro (lightyellow) é um amarelo bem claro e vibrante, com código hex #ffffe0, ou rgb(255, 255, 224). Em HSL ele fica com matiz de 60°, saturação de 100% e luminosidade de 94%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightyellow; no lugar do valor hex.

Usando o Amarelo Claro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto amarelo claro no branco1.02 : 1reprova
Texto amarelo claro no preto20.63 : 1AAA

Em um fundo amarelo claro, use texto em preto (20.63 : 1). A WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.

CSS

.element {
  color: lightyellow;               /* or #ffffe0 */
  background-color: #ffffe0;
  border: 1px solid rgb(255 255 224 / 50%);
}

Cores nomeadas semelhantes

Seda de Milho (#fff8dc), Renda Antiga (#fdf5e6), Bege (#f5f5dc), Amarelo Goldenrod Claro (#fafad2), Marfim (#fffff0), Branco Floral (#fffaf0).

Perguntas frequentes

Qual é o código hex do amarelo claro?
#ffffe0, que equivale a rgb(255, 255, 224) e hsl(60, 100%, 94%). No CSS você também pode simplesmente escrever lightyellow.
O texto amarelo claro é legível no branco?
A razão de contraste no branco é 1.02 : 1, o que reprova na WCAG. Use essa cor para decoração ou sobre um fundo escuro.
Quais cores combinam com o amarelo claro?
A cor complementar é #e0e0ff; as cores análogas #fff0e0 e #f0ffe0 ficam ao lado dela no círculo cromático.