Himmelblau Farbcode (#87ceeb)

Himmelblau ist #87ceeb in Hex und rgb(135, 206, 235) – ein helles Blau. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Himmelblau
#87ceeb
CSS-Nameskyblue
Hex#87ceeb
RGBrgb(135, 206, 235)
HSLhsl(197 71% 73%)
HWBhwb(197 53% 8%)
CMYK43%, 12%, 0%, 8%

Töne und Schattierungen

Farbharmonien

Über Himmelblau

Himmelblau (skyblue) ist ein helles, kräftiges Blau mit dem Hex-Code #87ceeb bzw. rgb(135, 206, 235). Im HSL-Farbmodell liegt es bei einem Farbton von 197°, 71 % Sättigung und 73 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: skyblue; statt des Hex-Werts schreiben.

Himmelblau für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Himmelblauer Text auf Weiß1.74 : 1nicht bestanden
Himmelblauer Text auf Schwarz12.06 : 1AAA

Auf einem himmelblauen Hintergrund verwendest du schwarzen Text (12.06 : 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 Kontrastprüfer.

CSS

.element {
  color: skyblue;               /* or #87ceeb */
  background-color: #87ceeb;
  border: 1px solid rgb(135 206 235 / 50%);
}

Ähnliche benannte Farben

Helles Himmelblau (#87cefa), Hellblau (#add8e6), Helles Stahlblau (#b0c4de), Puderblau (#b0e0e6), Blasses Türkis (#afeeee), Aquamarin (#7fffd4).

Häufige Fragen

Was ist der Hex-Code für Himmelblau?
#87ceeb – das entspricht rgb(135, 206, 235) und hsl(197, 71%, 73%). In CSS kannst du auch einfach skyblue schreiben.
Ist Himmelblau als Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.74 : 1 und besteht damit den WCAG-Test nicht – verwende es lieber zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Himmelblau?
Die Komplementärfarbe ist #eba589; analoge Farben wie #89ebd6 und #899eeb liegen im Farbkreis direkt daneben.