#EDE0CCComprendre. Comparer. Créer.
Orange : 21 nuances, noms et codes couleur
Découvrez l’orange, ses nuances, ses codes HTML et RVB, sa signification et des idées pour l’associer dans vos projets.
Code couleur et repère CSS
Le mot-clé CSS orange correspond à #FFA500. Il représente une teinte précise, et non toutes les nuances de cette couleur.
- HEX
- #FFA500
- RVB
- 255, 165, 0
- CMJN ≈
- 0%, 35%, 100%, 0%
- HSL
- 39°, 100%, 50%
Le CMJN affiché est une estimation sans profil d’impression.
Signification et perception
L’orange se situe entre le rouge et le jaune dans les représentations usuelles du cercle chromatique. Une nuance terracotta est plus sourde qu’un orange vif, même si les deux appartiennent à la même famille.
Avec quelles couleurs l’associer ?
L’orange peut prendre la forme d’un accent vif, d’une terre cuite ou d’un pêche léger. Choisissez d’abord cette direction : elle détermine la place que la couleur prendra auprès de ses partenaires. Un orange saturé mérite un rôle clair ; une version terreuse peut plus facilement s’étendre sur une grande surface.
Orange et bleu : régler l’intensité du contraste
Un bleu marine avec un orange vif donne une opposition nette ; un bleu grisé avec une terre cuite est une piste plus retenue. Dans les deux cas, évitez de commencer avec deux surfaces égales. Faites un essai dominé par le bleu et un autre dominé par l’orange, puis choisissez celui qui met réellement votre sujet ou votre mobilier en valeur.
Orange et brun : jouer sur les matières
La terre cuite peut accompagner du cuir brun, du bois et un fond sable. Pour que l’ensemble ne forme pas une seule masse, répartissez les clartés : un brun sombre, une terre cuite moyenne et un sable clair. Les matières peuvent varier, mais leur couleur doit être comparée ensemble ; trois échantillons séduisants isolément ne composent pas automatiquement une palette.
Orange et vert : choisir un vert qui ne rivalise pas
Essayez un orange brûlé avec un vert olive ou un vert forêt. Le vert peut encadrer une zone orange plutôt que couvrir la même surface. Pour une illustration, ajoutez un fond crème et observez d’abord le dessin sans les petits détails : si la répartition principale fonctionne, les accents pourront ensuite enrichir la composition sans devoir la sauver.
Pêche, abricot ou terre cuite : choisir une grande surface
Un pêche clair ne remplace pas simplement une terre cuite en version plus légère : il peut aussi changer la direction vers le rose ou le jaune. Pour un mur, comparez des échantillons assez grands avec les textiles prévus. Pour un fond numérique, placez tout de suite les photographies et les textes dessus afin de juger la couleur dans sa fonction réelle.
Palette à essayer : terre cuite, bleu grisé et sable
Testez 60 % de sable, 30 % de bleu grisé et 10 % de terre cuite. Pour une version davantage centrée sur l’orange, échangez les surfaces bleue et terre cuite. Comparez les deux versions avec les mêmes images ou les mêmes objets.
#526F80#BE684BPalette proposée pour vos essais, avec codes HEX à copier. Ces aperçus sRGB ne sont pas des références certifiées de peinture ou de textile.
Le piège : utiliser un orange vif partout pour attirer l’œil
Si le bouton, le fond, les titres et les illustrations portent tous le même orange vif, aucun élément ne conserve un rôle particulier. Réservez la version la plus saturée à une fonction, puis utilisez des neutres ou des variantes plus douces ailleurs. Vérifiez séparément la lisibilité de chaque texte posé sur l’orange.
Nuances de orange
Les noms et aperçus ci-dessous reprennent le répertoire du site. Plusieurs codes peuvent partager un nom courant ; ces teintes ne sont pas des équivalences certifiées RAL ou Pantone.
#ED7F10#E67E30#FFCB60#F1E2BE#FFE4C4#F4661B#DF6D14#E73E01#B36700#EF9B0F#FEA347#DE9816#FAA401#CC5500#AD4F09#F3D617#F88E55#FF7F00#A75502#E1CE9A#E9C9B1Recevez le kit couleur gratuit : codes HEX/RVB et fiche projet.