Palette de couleurs

Couleur orange foncé

Un orange franc et soutenu, l'une des couleurs nommées du HTML et du CSS. Malgré son nom, il est vif et lumineux, et on le voit beaucoup sur les boutons, les graphiques et à Halloween.

Ouvrir dans l'éditeur

Le code HEX de la couleur orange foncé est #FF8C00. En RGB, c'est rgb(255, 140, 0), en HSL hsl(33, 100%, 50%) et en CMJN 0, 45, 100, 0.

Voyez-la en vrai

Choisissez une couleur à associer et voyez le rendu sur des vêtements, une déco et un design.

Couleurs proches de la couleur orange foncé

Mandarine#F28500Orange#FF8000Orange carotte#ED9121Orange citrouille#FF7518Jaune souci#EAA221Mangue#FF8243

Fiche de la couleur orange foncé

La couleur orange foncé (#FF8C00) est une couleur chaude, de luminosité moyenne et très saturée. Elle appartient à la famille des orangés. Elle se compose de 255 de rouge, 140 de vert et 0 de bleu (sur 255). Usages courants : web, design graphique, événements.

Échantillon de la couleur Orange foncé avec ses nuances du clair au foncé · #FF8C00
Orange foncé · #FF8C00

Nuances de la couleur orange foncé : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Voyez toutes ses nuances: Générateur de nuances de couleurs

Harmonies de la couleur orange foncé

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Bleu électrique
AnaloguesProche de : Rouge, Jaune
TriadeProche de : Vert printemps, Violet
Complémentaires adjacentesProche de : Cyan, Bleu
TétradeProche de : Vert fluo, Bleu électrique, Magenta

Palettes avec la couleur orange foncé

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Orange foncé
Palette analogue · Orange foncé
Palette complémentaire · Orange foncé
Palette triade · Orange foncé
Palette avec neutres · Orange foncé
Palette avec accent · Orange foncé

Contraste de la couleur orange foncé avec le texte

Texte blancContraste 2.3:1 · Déconseillé
Texte noirContraste 9.0:1 · AAA

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --orange-fonce: #FF8C00;
  --orange-fonce-rgb: 255, 140, 0;
}
.fond { background-color: var(--orange-fonce); }
.texte { color: var(--orange-fonce); }

Couleurs proches de la couleur orange foncé

CannelleOrange kakiOcreOrange pastel

Palettes thématiques avec cette couleur

Palettes de couleurs d'HalloweenPalettes de couleurs du Día de los MuertosPalettes de couleurs joyeusesPalettes de couleurs orange

Autres orangés

OrangeMandarineOrange citrouilleOrange carotteAbricotPêcheCorailTerracottaOrange brûléSaumonRouilleCuivreOrange fluoOrange pastelRouge orangéMangueMelonOrange kakiSaumon clairTerre de Sienne brûléeRose corail
Échantillon de la couleur Orange foncé avec ses nuances du clair au foncé · #FF8C00
Échantillon de la couleur Orange foncé avec ses nuances du clair au foncé · #FF8C00

À essayer ensuite

Palette de couleurs de votre prénomTapez un prénom et obtenez votre palette de couleursMotif aux couleurs d'anniversaireCarreaux et rayures avec les anniversaires de votre familleAnalyse colorimétrique par selfieTrouvez votre saison et vos meilleures couleurs en une photo
Voir tous les outils gratuits →

Questions fréquentes

Quel est le code de la couleur orange foncé ?

Le code HEX de la couleur orange foncé est #FF8C00. En RGB, c'est rgb(255, 140, 0), en HSL hsl(33, 100%, 50%) et en CMJN 0, 45, 100, 0.

Quelle est la complémentaire de la couleur orange foncé ?

Sa complémentaire sur le cercle chromatique est #0073FF, une teinte proche de la couleur bleu électrique. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur orange foncé ?

Mieux vaut un texte noir : le contraste avec le blanc n'est que de 2.3:1, contre 9.0:1 avec le noir.