Lavender

Lavender is violet at a whisper: calm, clean, slightly nostalgic. A background color that flatters content — but it needs a dusky violet partner for any text it touches.

calm backgroundswellnesswedding brands

Values in every format

HEX: #e6e6fa
RGB: rgb(230, 230, 250)
HSL: hsl(240, 67%, 94%)
OKLCH: oklch(0.931 0.027 285.9)
CMYK: cmyk(8%, 8%, 0%, 2%)

Hue family: White · closest CSS name: lavender. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #E6E6FA itself.

50#f7f7fd
100 ★#e6e6fa
200#ddddea
300#cacada
400#b1b1c2
500#9897aa
600#808092
700#676778
800#515160
900#3d3d4a
950#25252f

Build a full system from #E6E6FA

Harmonies with lavender

Complementary

Maximum contrast — use one side for action, the other sparingly.

#e6e6fa #fafae6

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#e6f0fa #e6e6fa #f0e6fa

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#e6e6fa #fae6e6 #e6fae6

Measured contrast

on white1.23:1 · fails AA

on black17.06:1 · AA normal ✓

Check your own pairs