Light Lavender #DFC5FE

Light Lavender ist eine Farbe im Bereich Violett, hell und mäßig gesättigt, mit dem Hex-Code #DFC5FE und dem RGB-Wert rgb(223, 197, 254).

Aa

Schwarzer Text ist auf dieser Farbe am besten lesbar (13.55:1).

Über diese Farbe

#DFC5FE ist eine Farbe im Bereich Violett, hell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 86 %, die Chroma bei 0.082 und der Farbwinkel bei 305°. Ihr Farbton liegt zwischen der warmen und der kühlen Hälfte des Farbkreises. Es ist die benannte Farbe Light Lavender. Schwarzer Text ist darauf am besten lesbar, mit 13.55:1.

FarbfamilieViolett
Helligkeithell (86%)
Chromamäßig gesättigt (0.082)
Temperaturdazwischen
Nächster NameLight Lavender
Schwarzer Text13.55:1
Weißer Text1.54:1

Farben, die zu Light Lavender passen

Passende Farben, gefunden durch Drehen von Light Lavender auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.

Komplementär

Der gegenüberliegende Farbton (180°).

Komplementäre Palette im Generator öffnen

Analog

Benachbarte Farbtöne, je 30° zu beiden Seiten.

Analoge Palette im Generator öffnen

Triade

Drei Farbtöne im Abstand von 120°.

Triadische Palette im Generator öffnen

Farbpaletten mit Light Lavender

Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Light Lavender enthalten, die nächsten zuerst.

Ähnliche benannte Farben

Die acht benannten Farben, die Light Lavender am nächsten liegen, mit ihrem ΔE-Abstand.

Mehr über Light Lavender

So mischst du Light Lavender

Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.

  • 3 Teile Weiß
  • 1 Teil Lila

Ergebnis des Rezepts: #E4BFEE, eine Abweichung von ΔE 0.023 zu Light Lavender. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.

Welche Farben ergeben Violett? | Farbmischtabelle

Codes für Light Lavender in jedem Format

HEX#DFC5FE
RGBrgb(223, 197, 254)
HSLhsl(267, 97%, 88%)
OKLCHoklch(86.4% 0.082 305.5)

Kontrast

WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.

PaarWCAG 2ErgebnisAPCAAPCA-Empfehlung
Weißer Text auf #DFC5FE 1.54:1 Nicht bestanden Lc -28.6 Nur Trennlinien und Dekoration
Schwarzer Text auf #DFC5FE 13.55:1 AAA Lc 78.5 Gut für Fließtext
#DFC5FE als Text auf Weiß 1.54:1 Nicht bestanden Lc 25.2 Nur Trennlinien und Dekoration
#DFC5FE als Text auf Schwarz 13.55:1 AAA Lc -77.8 Gut für Fließtext

Shades und Tints von Light Lavender

Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 200.

  1. Stufe 50

    50

    #F8F3FD

    oklch(97.1% 0.014 308.3)

  2. Stufe 100

    100

    #EFE5FB

    oklch(93.6% 0.031 306.2)

  3. Stufe 200

    200 (diese Farbe)

    #DFC5FE

    oklch(86.4% 0.082 305.5)

  4. Stufe 300

    300

    #D1AFF7

    oklch(80.9% 0.106 305.7)

  5. Stufe 400

    400

    #BA81F3

    oklch(70.6% 0.169 305.6)

  6. Stufe 500

    500

    #AA5BEF

    oklch(63.1% 0.217 305.6)

  7. Stufe 600

    600

    #9539DD

    oklch(55.5% 0.235 305.4)

  8. Stufe 700

    700

    #8029C0

    oklch(49.2% 0.218 305.6)

  9. Stufe 800

    800

    #68259B

    oklch(42.7% 0.181 305.8)

  10. Stufe 900

    900

    #54257C

    oklch(37.7% 0.142 305.3)

  11. Stufe 950

    950

    #311748

    oklch(26.9% 0.089 305.7)

Diese Skala im Tool für Tailwind-Farben exportieren

Light Lavender bei Farbenblindheit

Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.

SehenWirkt alsVerschiebung (ΔE)
Protanopie (keine Rotzapfen)#BBCFFF0.052
Deuteranopie (keine Grünzapfen)#C0D0FC0.049
Tritanopie (keine Blauzapfen)#DBCDD90.063
Achromatopsie (kein Farbsehen)#D0D0D00.083

Nutze Light Lavender in deinem Produkt

Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.