Farb-Guide
Die Farbe Orange
#F97316
Farbcodes von orange
Was orange bedeutet
Orange blends the energy of red with the friendliness of yellow. It feels enthusiastic, affordable and creative without the aggression of pure red.
So wird es im Design eingesetzt
Works well for CTAs, food and fitness brands, and friendly onboarding flows.
Farbkombinationen mit orange
Harmonien, berechnet mit Farbtheorie für den Basiston 25°.
Komplementär
Maximaler Kontrast: #F97316 + #159AF9
Analog
Harmonie bei ±30°: #F91528 · #F97316 · #F9E615
Triadisch
Gleichmäßiger 120°-Abstand: #F97316 · #15F974 · #7415F9
orange-Töne (50–900-Skala)
Fertige Tailwind-artige Skala, generiert aus #F97316.
Farben, die gut zu orange passen
FAQ zur Farbe orange
Was ist der HEX-Code von orange?
Ein häufig verwendeter HEX-Wert für orange ist #F97316, entsprechend rgb(249, 115, 22). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (25°) beibehalten.
Welche Farben passen gut zu orange?
orange harmoniert wunderbar mit white, navy, teal, charcoal. Die Komplementärfarbe ist #159AF9, und ein klassisches triadisches Schema ergänzt #15F974 und #7415F9.
Ist orange barrierefrei für Text und Hintergründe?
Das hängt vom Kontrastverhältnis zur anderen Farbe ab. Nutze den NanoPalettes-Kontrast-Prüfer, um die WCAG-AA (4.5:1)- und AAA (7:1)-Konformität zu prüfen, bevor du orange in Text oder UI-Elementen einsetzt.
Erstelle deine eigene orange-Palette
Erzeuge harmonische Kombinationen aus #F97316 in Sekunden.
Palettengenerator öffnen