Code couleur orange (#ffa500)

Orange vaut #ffa500 en hexadécimal et rgb(255, 165, 0), soit un orange moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur en texte.

Mis à jour le

Orange
#ffa500
Nom CSSorange
Hexadécimal#ffa500
RGBrgb(255, 165, 0)
HSLhsl(39 100% 50%)
HWBhwb(39 0% 0%)
CMYK0%, 35%, 100%, 0%

Teintes et nuances

Harmonies de couleurs

À propos de la couleur Orange

Orange (orange) est un orange moyen et vif, de code hexadécimal #ffa500, soit rgb(255, 165, 0). En HSL, sa teinte est de 39°, sa saturation de 100% et sa luminosité de 50%. Elle fait partie des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: orange; à la place de la valeur hexadécimale.

Utiliser l'orange pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte orange sur blanc1.97 : 1échec
Texte orange sur noir10.63 : 1AAA

Sur un arrière-plan orange, utilisez un texte noir (10.63 : 1). Le WCAG exige un ratio d'au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

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

Couleurs nommées similaires

Orange foncé (#ff8c00), Goldenrod (#daa520), Or (#ffd700), Goldenrod foncé (#b8860b), Chocolat (#d2691e), Pérou (#cd853f).

Questions fréquentes

Quel est le code hexadécimal de l'orange ?
#ffa500, soit rgb(255, 165, 0) et hsl(39, 100%, 50%). En CSS, vous pouvez aussi écrire simplement orange.
L'orange est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 1.97 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec l'orange ?
Sa couleur complémentaire est #0059ff ; les couleurs analogues #ff2600 et #d9ff00 se trouvent à côté sur le cercle chromatique.