Hellstahlblau Farbcode (#b0c4de)

Hellstahlblau ist #b0c4de im Hex-Format und rgb(176, 196, 222) – ein helles Blau. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Hellstahlblau
#b0c4de
CSS-Namelightsteelblue
Hex#b0c4de
RGBrgb(176, 196, 222)
HSLhsl(214 41% 78%)
HWBhwb(214 69% 13%)
CMYK21%, 12%, 0%, 13%

Tints und Shades

Farbharmonien

Über Hellstahlblau

Hellstahlblau (lightsteelblue) ist ein helles, mäßig gesättigtes Blau mit dem Hex-Code #b0c4de bzw. rgb(176, 196, 222). Im HSL-Modell liegt es bei einem Farbton von 214°, 41% Sättigung und 78% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht. Du kannst also color: lightsteelblue; statt des Hex-Werts schreiben.

Hellstahlblau für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Hellstahlblauer Text auf Weiß1.78 : 1nicht bestanden
Hellstahlblauer Text auf Schwarz11.80 : 1AAA

Auf einem hellstahlblauen Hintergrund eignet sich Schwarz als Textfarbe (11.80 : 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: lightsteelblue;               /* or #b0c4de */
  background-color: #b0c4de;
  border: 1px solid rgb(176 196 222 / 50%);
}

Ähnliche benannte Farben

Hellblau (#add8e6), Pulverblau (#b0e0e6), Silber (#c0c0c0), Hellgrau (#d3d3d3), Distelfarben (#d8bfd8), Himmelblau (#87ceeb).

Häufige Fragen

Wie lautet der Hex-Code für Hellstahlblau?
#b0c4de – das entspricht rgb(176, 196, 222) und hsl(214, 41%, 78%). In CSS kannst du auch einfach lightsteelblue schreiben.
Ist Hellstahlblau als Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1.78 : 1 und besteht damit den WCAG-Test nicht. Verwende die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Hellstahlblau?
Die Komplementärfarbe ist #decab0. Die analogen Farben #b0dbde und #b3b0de liegen im Farbkreis direkt daneben.