Couleur orange

Il doit son nom au fruit, arrivé d'Asie en Europe via l'arabe naranj. Il mêle l'énergie du rouge et la gaieté du jaune. On le voit sur les gilets de sécurité, les affiches de soldes et les marques qui veulent paraître sympathiques.

Aussi appelée : couleur orange, orangé.

Orange · #FF8000

Fiche de la couleur orange

La couleur orange (#FF8000) 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, 128 de vert et 0 de bleu (sur 255). Usages courants : logos, signalétique, web, sport.

Nuances de la couleur orange : claires et foncées

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

Couleurs qui vont avec la couleur orange

Bleu marineSa complémentaire foncée : contraste fort et élégant.BlancFrais et joyeux.GrisApaise l'orange et le rend moderne.ChocolatUne gamme automnale chaleureuse.Vert oliveUn mélange naturel et rétro.VioletUn contraste audacieux et créatif.TurquoiseUn duo tropical plein de vie.BeigeUne base douce et chaleureuse.

Comment associer la couleur orange en mode et en déco →

Harmonies de la couleur orange

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 menthe, Violet

Complémentaires adjacentesProche de : Cyan, Bleu

TétradeProche de : Vert fluo, Bleu électrique, Magenta

Palettes avec la couleur orange

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

Palette monochrome · Orange

Palette analogue · Orange

Palette complémentaire · Orange

Palette triade · Orange

Palette avec neutres · Orange

Palette avec accent · Orange

Contraste de la couleur orange avec le texte

Texte blancContraste 2.5:1 · Déconseillé

Texte noirContraste 8.3:1 · AAA

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

Code CSS

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

Couleurs proches de la couleur orange

Mandarine Orange citrouille Orange carotte Orange fluo Orange brûlé Cannelle Ocre Corail Rouge orangé Acajou

Palettes thématiques avec cette couleur

Autres orangés

Mandarine Orange citrouille Orange carotte Abricot Pêche Corail Terracotta Orange brûlé Saumon Rouille Cuivre Orange fluo Orange pastel Rouge orangé

Questions fréquentes

Quel est le code de la couleur orange ?

Le code HEX de la couleur orange est #FF8000. En RGB, c'est rgb(255, 128, 0), en HSL hsl(30, 100%, 50%) et en CMJN 0, 50, 100, 0.

Quelle est la complémentaire de la couleur orange ?

Sa complémentaire sur le cercle chromatique est #007FFF, 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 ?

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

Quelles couleurs vont avec la couleur orange ?

Elle se marie bien avec : bleu marine, blanc, gris, chocolat, vert olive. Évitez-le avec du rouge ou du rose intense sans neutres : l'ensemble paraît criard. Avec un jaune vif, il peut saturer.