Sobre o Goldenrod Pálido
Pale Goldenrod (palegoldenrod) é um amarelo muito claro e vibrante, com o código hex #eee8aa, ou rgb(238, 232, 170). No HSL ele fica com matiz de 55°, saturação de 67% e luminosidade de 80%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: palegoldenrod; em vez do valor hex.
Usando o Goldenrod Pálido em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Pale Goldenrod no branco | 1.25 : 1 | reprovado |
| Texto em Pale Goldenrod no preto | 16.76 : 1 | AAA |
Em um fundo Pale Goldenrod, use texto em preto (16.76 : 1). O WCAG pede pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Para testar outras combinações, use o Verificador de Contraste.
CSS
.element {
color: palegoldenrod; /* or #eee8aa */
background-color: #eee8aa;
border: 1px solid rgb(238 232 170 / 50%);
}
Cores com nomes parecidos
Trigo (#f5deb3), Navajo White (#ffdead), Moccasin (#ffe4b5), Peach Puff (#ffdab9), Cáqui (#f0e68c), Bisque (#ffe4c4).
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.