Sobre o Goldenrod Escuro
Goldenrod Escuro (darkgoldenrod) é um laranja escuro e vibrante, com o código hex #b8860b, ou rgb(184, 134, 11). Em HSL, ele tem matiz de 43°, saturação de 89% e luminosidade de 38%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkgoldenrod; em vez do valor hex.
Usando o Goldenrod Escuro em textos e fundos
| Combinação | Taxa de contraste | WCAG |
|---|---|---|
| Texto Goldenrod Escuro sobre branco | 3.25 : 1 | AA apenas para texto grande |
| Texto Goldenrod Escuro sobre preto | 6.45 : 1 | AA |
Sobre um fundo goldenrod escuro, use texto em preto (6.45 : 1). O WCAG exige pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: darkgoldenrod; /* or #b8860b */
background-color: #b8860b;
border: 1px solid rgb(184 134 11 / 50%);
}
Cores nomeadas semelhantes
Chocolate (#d2691e), Goldenrod (#daa520), Peru (#cd853f), Olive (#808000), Sienna (#a0522d), Laranja Escuro (#ff8c00).
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.