Color guide
Lavender Color
#C4B5FD
lavender color codes
What lavender means
Lavender is soothing and gently optimistic. It brings lightness to interfaces without the intensity of pure purple.
How to use it in design
Lovely for backgrounds, wellness apps and soft onboarding illustrations.
Color combinations with lavender
Harmonies calculated with color theory for the base hue 252°.
Complementary
Maximum contrast: #C4B5FD + #EFFDB4
Analogous
Harmony at ±30°: #B4CAFD · #C4B5FD · #E7B4FD
Triadic
Even 120° spacing: #C4B5FD · #FDC3B4 · #B4FDC3
lavender color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #C4B5FD.
Colors that go well with lavender
FAQ about the lavender color
What is the HEX code of lavender?
A widely used hex value for lavender is #C4B5FD, which equals rgb(196, 181, 253). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (252°).
What colors go well with lavender?
lavender pairs beautifully with charcoal, mint, cream, deep purple. Its complementary color is #EFFDB4, and a classic triadic scheme adds #FDC3B4 and #B4FDC3.
Is lavender accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping lavender in text or UI elements.
Create your own lavender palette
Generate harmonious combinations from #C4B5FD in seconds.
Open the palette generator