Hellblau Farbcode (#add8e6)

Hellblau ist #add8e6 im HEX-Format und rgb(173, 216, 230) — ein helles Blau. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Hellblau
#add8e6
CSS-Namelightblue
Hex#add8e6
RGBrgb(173, 216, 230)
HSLhsl(195 53% 79%)
HWBhwb(195 68% 10%)
CMYK25%, 6%, 0%, 10%

Töne und Schattierungen

Farbharmonien

Über Hellblau

Hellblau (lightblue) ist ein helles, mäßig gesättigtes Blau mit dem HEX-Code #add8e6, oder rgb(173, 216, 230). In HSL liegt es bei einem Farbton von 195°, 53 % Sättigung und 79 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst также also color: lightblue; statt des HEX-Werts schreiben.

Hellblau für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Hellblauer Text auf Weiß1.53 : 1nicht bestanden
Hellblauer Text auf Schwarz13.74 : 1AAA

Auf einem hellblauen Hintergrund eignet sich Schwarz als Textfarbe (13.74 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: lightblue;               /* or #add8e6 */
  background-color: #add8e6;
  border: 1px solid rgb(173 216 230 / 50%);
}

Ähnliche benannte Farben

Pulverblau (#b0e0e6), Helles Stahlblau (#b0c4de), Blasstürkis (#afeeee), Himmelblau (#87ceeb), Hellgrau (#d3d3d3), Helles Himmelblau (#87cefa).

Häufige Fragen

Welcher HEX-Code gehört zu Hellblau?
#add8e6 — das entspricht rgb(173, 216, 230) und hsl(195, 53%, 79%). In CSS kannst du auch einfach lightblue schreiben.
Ist hellblauer Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.53 : 1 und besteht damit nicht den WCAG-Test. Verwende die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Hellblau?
Die Komplementärfarbe ist #e6bbad; die analogen Farben #ade6d8 und #adbbe6 liegen im Farbkreis direkt daneben.