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ção | Razão de contraste | WCAG |
|---|---|---|
| Texto em Amarelo Goldenrod Claro sobre branco | 1.07 : 1 | reprovado |
| Texto em Amarelo Goldenrod Claro sobre preto | 19.67 : 1 | AAA |
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).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.