Code couleur Goldenrod (#daa520)

Goldenrod est #daa520 en hexadécimal et rgb(218, 165, 32) — un orange moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Goldenrod
#daa520
Nom CSSgoldenrod
Hex#daa520
RGBrgb(218, 165, 32)
HSLhsl(43 74% 49%)
HWBhwb(43 13% 15%)
CMYK0%, 24%, 85%, 15%

Teintes et nuances

Harmonies de couleurs

À 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

CombinaisonRatio de contrasteWCAG
Texte Goldenrod sur blanc2,24 : 1échec
Texte Goldenrod sur noir9,38 : 1AAA

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).

Questions fréquentes

Quel est le code hexadécimal du goldenrod ?
#daa520, soit rgb(218, 165, 32) et hsl(43, 74%, 49%). En CSS, vous pouvez aussi simplement écrire goldenrod.
Le texte goldenrod est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2,24 : 1, ce qui ne respecte pas les WCAG. Utilisez-la plutôt à des fins décoratives ou sur un fond sombre.
Quelles couleurs se marient bien avec le goldenrod ?
Sa couleur complémentaire est #2055d9 ; les couleurs analogues #d94920 et #b1d920 se trouvent à côté sur le cercle chromatique.