What colors go well with lavender?

Lavender pairs with its complementary colour #FAFAE6 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Lavender Color — Hex Code #E6E6FA, RGB, Palettes & CSS

Q: What is the hex code for lavender?

Lavender is commonly #E6E6FA, which is rgb(230, 230, 250). Like most descriptive colour names it covers a small range, but this is a widely used value.

Lavender colour codes

Hex

#E6E6FA

RGB

rgb(230, 230, 250)

HSL

hsl(240, 67%, 94%)

HSV

hsv(240, 8%, 98%)

OKLCH

oklch(0.93 0.03 286)

CMYK

cmyk(8%, 8%, 0%, 2%)

Complementary palette

Lavender with its opposite on the colour wheel.

#E6E6FA

rgb(230, 230, 250)

#FAFAE6

rgb(250, 250, 230)

Triad palette

Lavender with two evenly-spaced partners.

#E6E6FA

rgb(230, 230, 250)

#FAE6E6

rgb(250, 230, 230)

#E6FAE6

rgb(230, 250, 230)

Monochromatic palette

Lighter and darker versions of lavender at the same hue.

#73737D

rgb(115, 115, 125)

#A1A1AF

rgb(161, 161, 175)

#CFCFE1

rgb(207, 207, 225)

#EBEBFF

rgb(235, 235, 255)

Lighter tints

Lavender toward white.

#E6E6FA

rgb(230, 230, 250)

#EAEAFB

rgb(234, 234, 251)

#EDEDFB

rgb(237, 237, 251)

#F1F1FC

rgb(241, 241, 252)

#F4F4FD

rgb(244, 244, 253)

#F8F8FE

rgb(248, 248, 254)

#FBFBFE

rgb(251, 251, 254)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Lavender toward black.

#E6E6FA

rgb(230, 230, 250)

#C5C5D6

rgb(197, 197, 214)

#A4A4B3

rgb(164, 164, 179)

#83838F

rgb(131, 131, 143)

#63636B

rgb(99, 99, 107)

#424247

rgb(66, 66, 71)

#212124

rgb(33, 33, 36)

#000000

rgb(0, 0, 0)

About lavender

A pale purple with a soft, soothing quality named after the flower. A favourite in calming, feminine and wellness-oriented palettes. The value shown here (#E6E6FA) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with lavender

The complementary colour (#FAFAE6) sits opposite lavender on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using lavender in your design

For CSS, paste #E6E6FA or the oklch(0.93 0.03 286) value, or download the ready-made lavender.css file above — it includes a full 50–950 token scale. Always check contrast before using lavender behind text.

What is the hex code for lavender?

Lavender is commonly #E6E6FA (rgb(230, 230, 250)). It covers a small range, but this is a widely used value.

What colours go well with lavender?

Its complementary colour #FAFAE6 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Lavender colour

Lavender colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About lavender

Palettes that work with lavender

Using lavender in your design

Popular colours

Color tools