Toutes les couleurs

Comprendre. 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.

Sable#EDE0CC
Bleu grisé#526F80
Terre cuite#BE684B

Palette 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.

Orange#ED7F10
Abricot#E67E30
Aurore#FFCB60
Bis#F1E2BE
Bisque#FFE4C4
Carotte#F4661B
Citrouille#DF6D14
Corail#E73E01
Cuivre#B36700
Gomme-gutte#EF9B0F
Mandarine#FEA347
Melon#DE9816
Orangé#FAA401
Orange brûlée#CC5500
Roux#AD4F09
Safran#F3D617
Saumon#F88E55
Tangerine#FF7F00
Tanné#A75502
Vanille#E1CE9A
Ventre de biche#E9C9B1
30 palettes pour votre prochaine idée.

Recevez le kit couleur gratuit : codes HEX/RVB et fiche projet.

Recevoir mon kit gratuit →

À découvrir également : Casekit — le support client pour les boutiques en ligne.