Weißrauch Farbcode (#f5f5f5)

Weißrauch ist #f5f5f5 als Hex-Wert und rgb(245, 245, 245) — ein sehr helles Weiß. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Weißrauch
#f5f5f5
CSS-Namewhitesmoke
Hex#f5f5f5
RGBrgb(245, 245, 245)
HSLhsl(0 0% 96%)
HWBhwb(0 96% 4%)
CMYK0%, 0%, 0%, 4%

Tints und Shades

Über Weißrauch

Weißrauch (whitesmoke) ist ein sehr helles, gedecktes Weiß mit dem Hex-Code #f5f5f5 oder rgb(245, 245, 245). In HSL liegt er bei einem Farbton von 0°, 0 % Sättigung und 96 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: whitesmoke; statt des Hex-Werts schreiben.

Weißrauch für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Weißrauch-Text auf Weiß1.09 : 1nicht bestanden
Weißrauch-Text auf Schwarz19.26 : 1AAA

Auf einem Weißrauch-Hintergrund nutzt du schwarzen Text (19.26 : 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: whitesmoke;               /* or #f5f5f5 */
  background-color: #f5f5f5;
  border: 1px solid rgb(245 245 245 / 50%);
}

Ähnliche benannte Farben

Ghostweiß (#f8f8ff), Lavendelrosa (#fff0f5), Minzcreme (#f5fffa), Alice-Blau (#f0f8ff), Muschelweiß (#fff5ee), Blütenweiß (#fffaf0).

Häufige Fragen

Was ist der Hex-Code für Weißrauch?
#f5f5f5 — das entspricht rgb(245, 245, 245) und hsl(0, 0%, 96%). In CSS kannst du auch einfach whitesmoke schreiben.
Ist Weißrauch-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.09 : 1 und besteht damit die WCAG-Prüfung nicht. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen zu Weißrauch?
Weißrauch ist ein neutraler Ton und passt zu fast jeder Farbe. Nutze ihn für Hintergründe, Rahmen und Text rund um einen kräftigeren Akzent.