Code couleur or (#ffd700)

Or correspond à #ffd700 en hexadécimal et rgb(255, 215, 0) : un jaune moyen. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Or
#ffd700
Nom CSSgold
Hex#ffd700
RGBrgb(255, 215, 0)
HSLhsl(51 100% 50%)
HWBhwb(51 0% 0%)
CMYK0%, 16%, 100%, 0%

Teintes et nuances

Harmonies de couleurs

À propos de l'or

Or (gold) est un jaune moyen et éclatant, de code hexadécimal #ffd700, soit rgb(255, 215, 0). En HSL, sa teinte est de 51°, avec une saturation de 100 % et une luminosité de 50 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: gold; à la place de la valeur hexadécimale.

Utiliser l'or pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte or sur blanc1.40 : 1échec
Texte or sur noir14.97 : 1AAA

Sur un fond or, utilisez un texte noir (14.97 : 1). Le WCAG exige au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les textes de grande taille. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: gold;               /* or #ffd700 */
  background-color: #ffd700;
  border: 1px solid rgb(255 215 0 / 50%);
}

Noms de couleurs similaires

Jaune (#ffff00), Orange (#ffa500), Goldenrod (#daa520), Orange foncé (#ff8c00), Jaune-vert (#adff2f), Goldenrod foncé (#b8860b).

Questions fréquentes

Quel est le code hexadécimal de l'or ?
#ffd700, soit rgb(255, 215, 0) et hsl(51, 100%, 50%). En CSS, vous pouvez aussi simplement écrire gold.
Le texte or est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.40 : 1, ce qui échoue au regard du WCAG. Réservez-le plutôt à la décoration ou à un fond sombre.
Quelles couleurs vont bien avec l'or ?
Sa couleur complémentaire est #0026ff ; les couleurs analogues #ff5900 et #a6ff00 se trouvent à côté sur le cercle chromatique.