Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Stahlblauer Text auf Weiß | 4.11 : 1 | nur AA bei großer Schrift |
| Stahlblauer Text auf Schwarz | 5.11 : 1 | AA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.