À propos de Goldenrod
Goldenrod (goldenrod) est un orange moyen et vif, de code hexadécimal #daa520, soit rgb(218, 165, 32). En HSL, sa teinte est de 43°, avec une saturation de 74 % et une luminosité de 49 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: goldenrod; à la place de la valeur hexadécimale.
Utiliser Goldenrod pour le texte et les arrière-plans
| Combinaison | Ratio de contraste | WCAG |
|---|---|---|
| Texte Goldenrod sur blanc | 2,24 : 1 | échec |
| Texte Goldenrod sur noir | 9,38 : 1 | AAA |
Sur un fond goldenrod, utilisez du texte noir (9,38 : 1). Les WCAG exigent un ratio d'au moins 4,5 : 1 pour le texte courant et de 3 : 1 pour les grands caractères. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.
CSS
.element {
color: goldenrod; /* or #daa520 */
background-color: #daa520;
border: 1px solid rgb(218 165 32 / 50%);
}
Couleurs nommées similaires
Péru (#cd853f), Orange (#ffa500), Goldenrod foncé (#b8860b), Orange foncé (#ff8c00), Chocolat (#d2691e), Brun sable (#f4a460).
Trouveur de nom de couleur
Collez un code HEX pour obtenir son nom le plus proche, lisible par un humain, ainsi que des noms de tokens propres pour votre CSS, SCSS, JavaScript ou votre configuration Tailwind.