Blau ist eine der am häufigsten verwendeten Farben im Webdesign. Die Verwendung eines mittleren bis dunklen Blaus fördert ein entspannendes Gefühl, das durch Gelb und Orange verstärkt werden kann. Da Orange und Blau Komplementärfarben sind, d.h. auf dem Farbkreis gegenüberliegen, ist ihr Kontrast maximal. Dennoch kann mit den richtigen Farbtönen eine überaus harmonische Farbpalette geschaffen werden.
Hier sind verschiedene Möglichkeiten, wie unterschiedliche Blautöne am besten mit Orangetönen kombiniert werden können.
1. Orange und Blau als Komplementärkontrast
Gegensätze ziehen sich an, Wehalb Orange und Blau bestens zusammenpassen.
Erwäge, Blau mit Orange in einem komplementären Farbschema zu kombinieren.
Von der hellsten bis zur dunkelsten Nuance entsprechen die verwendeten Orangetöne im obigen Bild diesen Werten:
- Hex: #ffbf00 | RGB: 255, 191, 0
- Hex: #ffa500 | RGB: 255, 165, 0
- Hex: #ff8000 | RGB: 255, 128, 0
- Hex: #ff4500 | RGB: 255, 69, 0
- Hex: #ef1745 | RGB: 239, 23, 69
Die von 1 bis 4 nummerierten Blautöne entsprechen diesen Werten:
- Hex: #add8e6 | RGB 173, 216, 230 (Hellblau)
- Hex: #9bc4e2 | RGB 155, 196, 226 (Cerulean (Pantone))
- Hex: #4682B4 | RGB 70, 130, 180 (Stahlblau)
- Hex: #36648b | RGB 54, 100, 139 (Dunkles Stahlblau)
2. Dunkle Blautöne mit goldenen Orangetönen
Nimm dunkles Blau und kombiniere es mit einem Orange-Gelb. Die zusätzliche Dunkelheit des Blaus kontrastiert die zusätzliche Helligkeit des Orange wunderbar. Du kannst die Blautöne sogar bis ins Violett hineinragen lassen und es wird trotzdem noch harmonisch wirken.
Aufgrund der hohen Kontraste ist es dennoch empfehlenswert, die Flächenverhältnisse bzw. die Verteilung der Farben zu variieren. Ein dunkles Blau profitiert von einem Orange-Gelb, das einem goldenen Farbton ähnelt.
Die von A bis E nummerierten Orangetöne im obigen Bild entsprechen diesen Werten:
- A – Hex: #ffbf00 | RGB: 255, 215, 0 (Gold: Starker Orange-Gelber Ton)
- B – Hex: #d4af37 | RGB: 212, 175, 55 (Gold-Metallic)
- C – Hex: #ffa500 | RGB: 255, 165, 0 (Orange)
- D – Hex: #daa520 | RGB: 218, 165, 32 (Goldrute)
- E – Hex: #ff9912| RGB: 255, 153, 18 (Kadmium-Gelb)
Die von 1 bis 4 nummerierten Blautöne entsprechen diesen Werten:
- 1 – Hex: #003399 | RGB 0, 51, 153 (Dunkles Azurblau)
- 2 – Hex: #000080| RGB 0, 0, 128 (Navy)
- 3 – Hex: #483d8b | RGB 72, 61, 139 (Dunkles Schieferblau)
- 4 – Hex: #191970| RGB 25, 25, 112 (Mitternachtsblau)
3. Cyan-Blautöne mit roten Orangetönen
Mittleres bis dunkles Cyan ist Blau am Rande von Grün. Hier werden verschiedene Schattierungen von dunklem Cyan mit dunklen bräunlich-orangen Farben kombiniert.
Zusätzlich zu den beruhigenden Attributen des kühlen Blaus kann dieser dunklere Blauton auch etwas von der Symbolik des Grüns wie Ausgewogenheit, Harmonie und Stabilität enthalten. Etwas Wärme und Energie erhält er, wenn er mit bräunlichen oder rötlichen Orangetönen kombiniert wird.
Die von A bis E nummerierten Orangetöne im obigen Bild entsprechen diesen Werten:
- A – Hex: #ff6103 | RGB: 255, 97, 3 (Kadmium-Orange)
- B – Hex: #cd3700 | RGB 205, 55, 0 (Tiefes Orange-Rot)
- C – Hex: #ec5800| RGB: 236, 88, 0 (Kaki)
- D – Hex: #e34234 | RGB: 227, 66, 52 (Zinnober)
- E – Hex: #d44500| RGB: 212, 69, 0 (Syraucse-Orange)
Die von 1 bis 4 nummerierten Blautöne entsprechen diesen Werten:
- 1 – Hex: #0D98BA | RGB 13, 152, 186 (Blau-Grün (Crayola))
- 2 – Hex: #007BA7 | RGB 0, 123, 167 (Cerulean)
- 3 – Hex: #006a8b | RGB 0, 106, 139 (Dunkles Cyan)
- 4 – Hex: #1164B4 | RGB 17, 100, 180 (Grün-Blau (Crayola))
