Guide couleur
Couleur Orange
#F97316
Codes de la couleur orange
Ce que signifie le orange
Orange blends the energy of red with the friendliness of yellow. It feels enthusiastic, affordable and creative without the aggression of pure red.
Comment l'utiliser en design
Works well for CTAs, food and fitness brands, and friendly onboarding flows.
Combinaisons de couleurs avec le orange
Harmonies calculées avec la théorie des couleurs pour la teinte de base 25°.
Complémentaire
Contraste maximal : #F97316 + #159AF9
Analogue
Harmonie à ±30° : #F91528 · #F97316 · #F9E615
Triadique
Espacement uniforme de 120° : #F97316 · #15F974 · #7415F9
Tons de la couleur orange (échelle 50–900)
Échelle style Tailwind prête à l'emploi générée à partir de #F97316.
Couleurs qui vont bien avec le orange
FAQ sur la couleur orange
Quel est le code HEX de la couleur orange ?
Une valeur HEX très utilisée pour orange est #F97316, ce qui équivaut à rgb(249, 115, 22). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (25°).
Quelles couleurs vont bien avec le orange ?
Le orange s'accorde magnifiquement avec white, navy, teal, charcoal. Sa couleur complémentaire est le #159AF9, et un schéma triadique classique ajoute #15F974 et #7415F9.
Le orange est-il accessible pour le texte et les fonds ?
Cela dépend du ratio de contraste avec l'autre couleur. Utilise le vérificateur de contraste de NanoPalettes pour vérifier la conformité WCAG AA (4.5:1) et AAA (7:1) avant d'utiliser le orange dans du texte ou des éléments d'interface.
Crée ta propre palette orange
Génère des combinaisons harmonieuses à partir de #F97316 en quelques secondes.
Ouvrir le générateur de palettes