Alice Blau Farbcode (#f0f8ff)

Alice Blau ist #f0f8ff in Hex und rgb(240, 248, 255) — ein sehr helles Blau. Darunter findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Alice Blau
#f0f8ff
CSS-Namealiceblue
Hex#f0f8ff
RGBrgb(240, 248, 255)
HSLhsl(208 100% 97%)
HWBhwb(208 94% 0%)
CMYK6%, 3%, 0%, 0%

Töne und Schattierungen

Farbharmonien

Über Alice Blau

Alice Blau (aliceblue) ist ein sehr helles, leuchtendes Blau mit dem Hex-Code #f0f8ff, bzw. rgb(240, 248, 255). Im HSL-Modell liegt es bei einem Farbton von 208°, 100% Sättigung und 97% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: aliceblue; statt des Hex-Werts schreiben.

Alice Blau für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Alice-Blau-Text auf Weiß1.07 : 1nicht bestanden
Alice-Blau-Text auf Schwarz19.58 : 1AAA

Auf einem Alice-Blau-Hintergrund verwendest du Schwarz als Textfarbe (19.58 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: aliceblue;               /* or #f0f8ff */
  background-color: #f0f8ff;
  border: 1px solid rgb(240 248 255 / 50%);
}

Ähnliche benannte Farben

Azure (#f0ffff), Geisterweiß (#f8f8ff), Minzcreme (#f5fffa), Weißer Rauch (#f5f5f5), Snow (#fffafa), Honigtau (#f0fff0).

Häufige Fragen

Was ist der Hex-Code für Alice Blau?
#f0f8ff — das entspricht rgb(240, 248, 255) und hsl(208, 100%, 97%). In CSS kannst du auch einfach aliceblue schreiben.
Ist Alice-Blau-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.07 : 1 und besteht damit nicht den WCAG-Test. Verwende die Farbe lieber zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Alice Blau?
Die Komplementärfarbe ist #fff7f0; die analogen Farben #f0fffe und #f0f0ff liegen im Farbkreis direkt daneben.