Ghost White Farbcode (#f8f8ff)

Ghost White ist #f8f8ff im Hex-Format und rgb(248, 248, 255) — ein sehr helles Blau. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Ghost White
#f8f8ff
CSS-Nameghostwhite
Hex#f8f8ff
RGBrgb(248, 248, 255)
HSLhsl(240 100% 99%)
HWBhwb(240 97% 0%)
CMYK3%, 3%, 0%, 0%

Töne und Schattierungen

Farbharmonien

Über Ghost White

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

Ghost White für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Ghost-White-Text auf Weiß1,06 : 1nicht bestanden
Ghost-White-Text auf Schwarz19,86 : 1AAA

Auf einem Ghost-White-Hintergrund solltest du schwarzen Text verwenden (19,86 : 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: ghostwhite;               /* or #f8f8ff */
  background-color: #f8f8ff;
  border: 1px solid rgb(248 248 255 / 50%);
}

Ähnliche benannte Farben

Alice Blue (#f0f8ff), Schnee (#fffafa), Minzcreme (#f5fffa), Weiß (#ffffff), Azur (#f0ffff), Weißer Rauch (#f5f5f5).

Häufige Fragen

Wie lautet der Hex-Code für Ghost White?
#f8f8ff – das entspricht rgb(248, 248, 255) und hsl(240, 100%, 99%). In CSS kannst du auch einfach ghostwhite schreiben.
Ist Ghost-White-Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1,06 : 1 und besteht den WCAG-Test nicht – verwende die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Ghost White?
Die Komplementärfarbe ist #fffffa; die analogen Farben #fafcff und #fcfaff liegen im Farbkreis direkt daneben.