Stahlblau ist ein kühler Farbton, der Ruhe und Raffinesse ausstrahlt. Er liegt im blauen Spektrum des Farbkreises und hat graue Nuancen. Verwandte Töne sind Schiefer und Azure. Ideal für Innenräume oder Webdesign, verleiht er Tiefe und Gelassenheit. Experimentiere mit dieser vielseitigen Farbe für ausgewogene visuelle Ästhetik.
Stahlblau wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #4682B4
- RGB-Wert: 27,5 % Rot, 51,0 % Grün, 70,6 % Blau
Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.
Für Variationen im gleichen Spektrum wie Stahlblau, ziehe folgende Farben in Betracht:
- Schieferblau (#557c99): Schieferblau hat einen weichen, gedämpften Ton mit einem subtilen Graustich, der die beruhigenden und vielseitigen Eigenschaften von Stahlblau widerspiegelt.
- Zinn (#909eae): Wie Stahlblau hat Zinn eine ausgewogene Mischung aus Blau und Grau, die einen kühlen und zurückhaltenden Auftritt schafft, perfekt für einen Hauch von eleganter Raffinesse.
- Kadettenblau (#5F9EA0): Kadettenblau spiegelt Stahlblau mit seiner ruhigen Kombination aus Blau und Grau wider und bietet eine ähnlich beruhigende und neutrale Palette für verschiedene Designanwendungen.
- Chambray (#A4C8E1): Chambray präsentiert eine leichtere, weichere Version von Stahlblau und vermittelt eine luftige, ruhige Atmosphäre mit einem Hauch von Blau, der visuelle Harmonie im Design bewahrt.
Um Stahlblau zu ergänzen, kombiniere es mit:
- Koralle (#FF8559): Fügt Wärme und Lebendigkeit hinzu und schafft eine einladende und ausgewogene Palette, die den kühlen Ton von Stahlblau hervorhebt.
- Senfgelb (#FFCE1B): Bietet einen auffälligen Kontrast, der Energie und Tiefe hervorruft, ideal für einzigartige Inneneinrichtungen und fesselnde Farboptionen.
- Mintblau (#98FBCB): Bietet eine harmonische Mischung, die die ruhigen Eigenschaften von Stahlblau verstärkt, ideal für frische und beruhigende Umgebungen.
- Pfirsich (#FFD3AC): Führt einen weichen, warmen Touch ein, der den kühlen Ton von Stahlblau ergänzt und zu einer beruhigenden und einladenden Atmosphäre beiträgt.
- Safran (#F1C338): Ergänzt Stahlblau mit einem reichen und lebhaften Kontrast, perfekt für dynamische und modische Farbpaletten, die modernen Designtrends entsprechen.
Obwohl Stahlblau ein kühler Farbton ist, der oft in Designtrends für seine ruhige und raffinierte Ausstrahlung verwendet wird, kann es im Kontrast stehen zu:
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Azure Waves
Seaside Ember
Twilight Splash
Kontrastprüfer
Kontrast 4,11
- Großer Text
#4682B4
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Kontrast 5,11
- Großer Text
#4682B4
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #4682B4, bekannt als Stahlblau, hat die RGB-Werte R:70, G:130, B:180 und die CMYK-Werte C:61, M:28, Y:0, K:29.
| VALUE | CSS | |
|---|---|---|
| HEX | #4682B4 | #4682B4 |
| RGB DECIMAL | 70, 130, 180 | RGB(70,130,180) |
| RGB PERCENTAGE | 27.5, 51.0, 70.6 | RGB(27.5%,51.0%,70.6%) |
| CMYK | 61, 28, 0, 29 | |
| HSL | HSL(207.3, 44.0%, 49.0%) | HSL(207.3, 44.0%, 49.0%) |
| HSV (OR HSB) | 207.3°, 61.1, 70.6 | |
| WEB SAFE | #51153204 | #51153204 |
| BINARY | 01000110, 10000010, 10110100 | |
| iOS - SwiftUI | Color(red: 0.275, green: 0.510, blue: 0.706) | |
| iOS - UIKit | UIColor(red: 0.275, green: 0.510, blue: 0.706, alpha: 1) | |
| Android - Compose | Color(0xFF4682B4) |
