Stahlblau Farbcode (#4682b4)

Stahlblau ist #4682b4 im Hex-Format und rgb(70, 130, 180) — ein mittleres Blau. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Stahlblau
#4682b4
CSS-Namesteelblue
Hex#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207 44% 49%)
HWBhwb(207 27% 29%)
CMYK61%, 28%, 0%, 29%

Tints und Shades

Farbharmonien

Über Stahlblau

Stahlblau (steelblue) ist ein mittleres, mäßig gesättigtes Blau mit dem Hex-Code #4682b4 bzw. rgb(70, 130, 180). Im HSL-Modell liegt es bei einem Farbton von 207°, 44% Sättigung und 49% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also statt des Hex-Werts einfach color: steelblue; schreiben.

Stahlblau für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Stahlblauer Text auf Weiß4.11 : 1nur AA bei großer Schrift
Stahlblauer Text auf Schwarz5.11 : 1AA

Auf einem stahlblauen Hintergrund nimmst du schwarzen Text (5.11 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: steelblue;               /* or #4682b4 */
  background-color: #4682b4;
  border: 1px solid rgb(70 130 180 / 50%);
}

Ähnliche benannte Farben

Kadettenblau (#5f9ea0), Königsblau (#4169e1), Schiefergrau (#708090), Helles Schiefergrau (#778899), Schieferblau (#6a5acd), Helles Meeresgrün (#20b2aa).

Häufige Fragen

Was ist der Hex-Code für Stahlblau?
#4682b4 — das entspricht rgb(70, 130, 180) und hsl(207, 44%, 49%). In CSS kannst du auch einfach steelblue schreiben.
Ist Stahlblau als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 4.11 : 1, was nur für große Schrift (WCAG AA large) ausreicht.
Welche Farben passen gut zu Stahlblau?
Die Komplementärfarbe ist #b47746; die analogen Farben #46b4ae und #464bb4 liegen im Farbkreis direkt daneben.