Color Palettes

Lavender color

Inspired by the lavender fields of Provence. It's a fresh medium violet with a bluish base. It's linked to rest and relaxation and shows up in soaps, candles and bedding.

Lavender · #B57EDC

About lavender

Lavender (#B57EDC) is a cool, mid-tone, moderately saturated color. It belongs to the purples family. It mixes 181 red, 126 green and 220 blue (out of 255). It is mostly used in home decor, cosmetics, fashion.

Lavender shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with lavender

GrayA serene, modern pair.WhiteFresh and bright.Sage greenLike a lavender field: natural and soft.Pastel yellowA soft complementary contrast.Navy blueDepth and elegance.SilverA cool shine that makes it pop.Dusty pinkA romantic pastel mix.Mint greenTwo fresh, cheerful pastels.
How to wear and decorate with lavender →

Lavender color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Pistachio green
AnalogousClose to: Orchid
TriadicClose to: Camel, Seafoam green
Split complementaryClose to: Pastel yellow, Light green
TetradicClose to: Old rose, Pistachio green, Pastel turquoise

Lavender color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Lavender
Analogous palette · Lavender
Complementary palette · Lavender
Triadic palette · Lavender
With neutrals palette · Lavender
With an accent palette · Lavender

Lavender contrast with text

White textContrast 3.0:1 · AA large text
Black textContrast 7.0:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --lavender: #B57EDC;
  --lavender-rgb: 181, 126, 220;
}
.bg { background-color: var(--lavender); }
.text { color: var(--lavender); }

Colors similar to lavender

AmethystOrchidMauveWisteriaPlumUltra violetRoyal blueLilacGrape purpleNeon pink

More purples

VioletDeep purplePurpleLilacMauvePlumAmethystEggplantOrchidIndigoGrape purpleWisteriaPastel lilacUltra violet

Frequently asked questions

What is the hex code for lavender?

The hex code for lavender is #B57EDC. In RGB it is rgb(181, 126, 220), in HSL hsl(275, 57%, 68%) and in CMYK 18, 43, 0, 14.

What is the complementary color of lavender?

Its complement on the color wheel is #A5DC7E, close to pistachio green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on lavender?

Use black text instead: the contrast with white is only 3.0:1, while with black it is 7.0:1.

What colors go with lavender?

It pairs well with gray, white, sage green, pastel yellow, navy blue. Avoid pairing it with intense oranges or reds, because lavender loses its softness. With dark brown it can look gloomy.