Farb-Guide

Die Farbe Lavender

#C4B5FD

Farbcodes von lavender

HEX
#C4B5FD
RGB
rgb(196, 181, 253)
HSL
hsl(252, 95%, 85%)
OKLCH
oklch(92% 0.05 287)

Was lavender bedeutet

Lavender is soothing and gently optimistic. It brings lightness to interfaces without the intensity of pure purple.

So wird es im Design eingesetzt

Lovely for backgrounds, wellness apps and soft onboarding illustrations.

Farbkombinationen mit lavender

Harmonien, berechnet mit Farbtheorie für den Basiston 252°.

Komplementär

Maximaler Kontrast: #C4B5FD + #EFFDB4

Im Editor öffnen

Analog

Harmonie bei ±30°: #B4CAFD · #C4B5FD · #E7B4FD

Triadisch

Gleichmäßiger 120°-Abstand: #C4B5FD · #FDC3B4 · #B4FDC3

lavender-Töne (50–900-Skala)

Fertige Tailwind-artige Skala, generiert aus #C4B5FD.

50 #3C1FB0
100 #3D1FB6
200 #431FD1
300 #5A37E8
400 #866BF4
500 #C3B4FD
600 #FFFFFF
700 #FFFFFF
800 #FFFFFF
900 #FFFFFF

Farben, die gut zu lavender passen

FAQ zur Farbe lavender

Was ist der HEX-Code von lavender?

Ein häufig verwendeter HEX-Wert für lavender ist #C4B5FD, entsprechend rgb(196, 181, 253). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (252°) beibehalten.

Welche Farben passen gut zu lavender?

lavender harmoniert wunderbar mit charcoal, mint, cream, deep purple. Die Komplementärfarbe ist #EFFDB4, und ein klassisches triadisches Schema ergänzt #FDC3B4 und #B4FDC3.

Ist lavender barrierefrei für Text und Hintergründe?

Das hängt vom Kontrastverhältnis zur anderen Farbe ab. Nutze den NanoPalettes-Kontrast-Prüfer, um die WCAG-AA (4.5:1)- und AAA (7:1)-Konformität zu prüfen, bevor du lavender in Text oder UI-Elementen einsetzt.

Erstelle deine eigene lavender-Palette

Erzeuge harmonische Kombinationen aus #C4B5FD in Sekunden.

Palettengenerator öffnen