Code couleur orange foncé (#ff8c00)

Orange foncé est #ff8c00 en hexadécimal et rgb(255, 140, 0) — un orange moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et sa lisibilité en texte.

Mis à jour le

Orange foncé
#ff8c00
Nom CSSdarkorange
Hex#ff8c00
RGBrgb(255, 140, 0)
HSLhsl(33 100% 50%)
HWBhwb(33 0% 0%)
CMYK0%, 45%, 100%, 0%

Teintes et nuances

Harmonies chromatiques

À propos de l'orange foncé

Orange foncé (darkorange) est un orange moyen et vif, de code hexadécimal #ff8c00, soit rgb(255, 140, 0). En HSL, sa teinte est de 33°, sa saturation de 100 % et sa luminosité de 50 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: darkorange; à la place de la valeur hexadécimale.

Utiliser l'orange foncé pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte orange foncé sur blanc2.33 : 1échec
Texte orange foncé sur noir9.00 : 1AAA

Sur un fond orange foncé, utilisez un texte noir (9.00 : 1). Les critères WCAG exigent au minimum 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: darkorange;               /* or #ff8c00 */
  background-color: #ff8c00;
  border: 1px solid rgb(255 140 0 / 50%);
}

Couleurs nommées similaires

Orange (#ffa500), Verge d'or (#daa520), Chocolat (#d2691e), Orange rouge (#ff4500), Verge d'or foncé (#b8860b), Or (#ffd700).

Questions fréquentes

Quel est le code hexadécimal de l'orange foncé ?
#ff8c00 — soit rgb(255, 140, 0) et hsl(33, 100%, 50%). En CSS, vous pouvez aussi écrire simplement darkorange.
Le texte orange foncé est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 2.33 : 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 foncé ?
Sa couleur complémentaire est #0073ff ; les couleurs analogues #ff0d00 et #f2ff00 se trouvent à côté sur le cercle chromatique.