Lavendelrosa Farbcode (#fff0f5)

Lavendelrosa ist #fff0f5 in Hex und rgb(255, 240, 245), ein sehr helles Rosa. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Lavendelrosa
#fff0f5
CSS-Namelavenderblush
Hex#fff0f5
RGBrgb(255, 240, 245)
HSLhsl(340 100% 97%)
HWBhwb(340 94% 0%)
CMYK0%, 6%, 4%, 0%

Tönungen und Schattierungen

Farbharmonien

Über Lavendelrosa

Lavendelrosa (lavenderblush) ist ein sehr helles, kräftiges Rosa mit dem Hex-Code #fff0f5 oder rgb(255, 240, 245). In HSL liegt der Farbton bei 340°, die Sättigung bei 100 % und die Helligkeit bei 97 %. Sie gehört zu den 148 benannten Farben, die jeder Browser kennt. Du kannst deshalb anstelle des Hex-Werts einfach color: lavenderblush; schreiben.

Lavendelrosa für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Lavendelrosa-Text auf Weiß1.10 : 1nicht bestanden
Lavendelrosa-Text auf Schwarz19.03 : 1AAA

Auf einem lavendelrosa Hintergrund nimmst du Schwarz als Textfarbe (19.03 : 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: lavenderblush;               /* or #fff0f5 */
  background-color: #fff0f5;
  border: 1px solid rgb(255 240 245 / 50%);
}

Ähnliche benannte Farben

Sea Shell (#fff5ee), Floral White (#fffaf0), Snow (#fffafa), White Smoke (#f5f5f5), Ghost White (#f8f8ff), Ivory (#fffff0).

Häufige Fragen

Was ist der Hex-Code für Lavendelrosa?
#fff0f5 entspricht rgb(255, 240, 245) und hsl(340, 100%, 97%). In CSS kannst du auch einfach lavenderblush schreiben.
Ist Lavendelrosa-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.10 : 1 und fällt damit bei WCAG durch. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Lavendelrosa?
Die Komplementärfarbe ist #f0fffa. Die analogen Farben #fff0fc und #fff2f0 liegen im Farbkreis direkt daneben.