Sobre Goldenrod
Goldenrod (goldenrod) é um laranja médio e vibrante, com código hex #daa520, ou rgb(218, 165, 32). No HSL ele fica no matiz de 43°, com saturação de 74% e luminosidade de 49%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: goldenrod; no lugar do valor hex.
Usando Goldenrod em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto goldenrod no branco | 2.24 : 1 | reprovado |
| Texto goldenrod no preto | 9.38 : 1 | AAA |
Em um fundo goldenrod, use texto em preto (9.38 : 1). O WCAG pede pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outros pares com o Verificador de Contraste.
CSS
.element {
color: goldenrod; /* or #daa520 */
background-color: #daa520;
border: 1px solid rgb(218 165 32 / 50%);
}Cores nomeadas semelhantes
Peru (#cd853f), Laranja (#ffa500), Goldenrod Escuro (#b8860b), Laranja Escuro (#ff8c00), Chocolate (#d2691e), Marrom Arenoso (#f4a460).
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.