Código de cor Amarelo Goldenrod Claro (#fafad2)

Amarelo Goldenrod Claro é #fafad2 em hex e rgb(250, 250, 210), um amarelo bem claro. Abaixo você encontra todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Amarelo Goldenrod Claro
#fafad2
Nome CSSlightgoldenrodyellow
Hex#fafad2
RGBrgb(250, 250, 210)
HSLhsl(60 80% 90%)
HWBhwb(60 82% 2%)
CMYK0%, 0%, 16%, 2%

Tons e sombras

Harmonias de cores

Sobre o Amarelo Goldenrod Claro

Amarelo Goldenrod Claro (lightgoldenrodyellow) é um amarelo muito claro e vibrante, com o código hex #fafad2, ou rgb(250, 250, 210). No HSL, ele tem matiz de 60°, saturação de 80% e luminosidade de 90%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightgoldenrodyellow; em vez do valor hex.

Usando o Amarelo Goldenrod Claro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto em Amarelo Goldenrod Claro sobre branco1.07 : 1reprovado
Texto em Amarelo Goldenrod Claro sobre preto19.67 : 1AAA

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

CSS

.element {
  color: lightgoldenrodyellow;               /* or #fafad2 */
  background-color: #fafad2;
  border: 1px solid rgb(250 250 210 / 50%);
}

Cores nomeadas parecidas

Chiffon Limão (#fffacd), Seda de Milho (#fff8dc), Bege (#f5f5dc), Chicote de Papaia (#ffefd5), Amarelo Claro (#ffffe0), Branco Antigo (#faebd7).

Perguntas frequentes

Qual é o código hex do amarelo goldenrod claro?
#fafad2, que equivale a rgb(250, 250, 210) e hsl(60, 80%, 90%). No CSS você também pode escrever simplesmente lightgoldenrodyellow.
O texto em amarelo goldenrod claro é legível sobre branco?
A razão de contraste sobre branco é 1.07 : 1, o que reprova no WCAG. Use essa cor para decoração ou sobre um fundo escuro.
Quais cores combinam com o amarelo goldenrod claro?
Sua cor complementar é #d1d1fa; as cores análogas #fae6d1 e #e6fad1 ficam ao lado dela no círculo cromático.