Code couleur Orange Red (#ff4500)

Orange Red est #ff4500 en hexadécimal et rgb(255, 69, 0), un orange moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Orange Red
#ff4500
Nom CSSorangered
Hex#ff4500
RGBrgb(255, 69, 0)
HSLhsl(16 100% 50%)
HWBhwb(16 0% 0%)
CMYK0%, 73%, 100%, 0%

Teintes et nuances

Harmonies de couleurs

À propos d'Orange Red

Orange Red (orangered) est un orange moyen et vif, de code hexadécimal #ff4500, soit rgb(255, 69, 0). En HSL, sa teinte est de 16°, avec une saturation de 100 % et une luminosité de 50 %. Elle fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: orangered; à la place de la valeur hexadécimale.

Utiliser Orange Red pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte Orange Red sur blanc3.44 : 1AA gros texte uniquement
Texte Orange Red sur noir6.10 : 1AA

Sur un arrière-plan orange red, utilisez un texte noir (6.10 : 1). Le WCAG exige 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: orangered;               /* or #ff4500 */
  background-color: #ff4500;
  border: 1px solid rgb(255 69 0 / 50%);
}

Noms de couleurs similaires

Chocolat (#d2691e), Rouge (#ff0000), Orange foncé (#ff8c00), Tomate (#ff6347), Cramoisi (#dc143c), Brique feu (#b22222).

Questions fréquentes

Quel est le code hexadécimal de l'orange red ?
#ff4500, soit rgb(255, 69, 0) et hsl(16, 100%, 50%). En CSS, vous pouvez aussi écrire simplement orangered.
Le texte orange red est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 3.44 : 1, ce qui ne convient qu'aux grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec l'orange red ?
Sa couleur complémentaire est #00bbff ; les couleurs analogues #ff003c et #ffc300 se trouvent juste à côté sur le cercle chromatique.