Color Codes › Lavender vs Lilac

Lavender vs Lilac

See lavender and lilac side by side with their codes, and a clear explanation of how they differ.

Lavender
Hex#E6E6FA
RGBrgb(230, 230, 250)
HSLhsl(240, 67%, 94%)
OKLCHoklch(0.93 0.03 286)
Lilac
Hex#C8A2C8
RGBrgb(200, 162, 200)
HSLhsl(300, 26%, 71%)
OKLCHoklch(0.76 0.07 326)

The difference between lavender and lilac

Both are soft purples, but lavender is paler and bluer, while lilac is slightly deeper and pinker. Lavender feels airy and calming; lilac warmer and more floral.

If you are choosing between them for a design, the easiest way to decide is to view both against your background. Drop each hex into the contrast checker to confirm readability, or open the picker to fine-tune either one.

Quick reference

Lavender: #E6E6FA · rgb(230, 230, 250) · hsl(240, 67%, 94%)
Lilac: #C8A2C8 · rgb(200, 162, 200) · hsl(300, 26%, 71%)

Frequently asked questions

What is the difference between lavender and lilac?
Both are soft purples, but lavender is paler and bluer, while lilac is slightly deeper and pinker. Lavender feels airy and calming; lilac warmer and more floral.
What is the hex code for lavender?
Lavender is #E6E6FA (rgb(230, 230, 250)).
What is the hex code for lilac?
Lilac is #C8A2C8 (rgb(200, 162, 200)).

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Named Colors →
All 140 CSS colours.