Lavendel Farbcode (#e6e6fa)

Lavendel ist #e6e6fa im HEX-Format und rgb(230, 230, 250) — ein sehr helles Blau. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut sich die Farbe als Text lesen lässt.

Aktualisiert am

Lavendel
#e6e6fa
CSS-Namelavender
Hex#e6e6fa
RGBrgb(230, 230, 250)
HSLhsl(240 67% 94%)
HWBhwb(240 90% 2%)
CMYK8%, 8%, 0%, 2%

Töne und Schattierungen

Farbharmonien

Über Lavendel

Lavendel (lavender) ist ein sehr helles, kräftiges Blau mit dem HEX-Code #e6e6fa, bzw. rgb(230, 230, 250). Im HSL-Modell liegt er bei einem Farbton von 240°, 67 % Sättigung und 94 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lavender; statt des HEX-Werts schreiben.

Lavendel für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Lavendeltext auf Weiß1.23 : 1fällt durch
Lavendeltext auf Schwarz17.06 : 1AAA

Auf einem Lavendel-Hintergrund verwendest du schwarzen Text (17.06 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: lavender;               /* or #e6e6fa */
  background-color: #e6e6fa;
  border: 1px solid rgb(230 230 250 / 50%);
}

Ähnliche benannte Farben

Aliceblau (#f0f8ff), Rauchweiß (#f5f5f5), Geisterweiß (#f8f8ff), Helles Cyan (#e0ffff), Lavendelrosa (#fff0f5), Azur (#f0ffff).

Häufige Fragen

Was ist der HEX-Code für Lavendel?
#e6e6fa — das entspricht rgb(230, 230, 250) und hsl(240, 67%, 94%). In CSS kannst du auch einfach lavender schreiben.
Ist Lavendeltext auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.23 : 1 und fällt damit bei WCAG durch — verwende die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Lavendel?
Die Komplementärfarbe ist #fafae5; die analogen Farben #e5f0fa und #f0e5fa liegen im Farbkreis direkt daneben.