Skip to the color picker

Lavender color: #e6e6fa

Lavender is #e6e6fa, rgb(230, 230, 250) in RGB and oklch(93.09% 0.02694 285.865) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

240°
100%

93.1%
0.027
286°
  • Indigo
  • Very light
  • Muted
  • Cool
  • indigo-100
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.23:1Hard to read
Lc -13
Black text
17.06:1Readable · AA
Lc 92

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Lavender

Similar named colors

Questions about Lavender

What is the hex code for Lavender?

The hex code for Lavender is #e6e6fa. In RGB it is rgb(230, 230, 250), in HSL hsl(240, 66.67%, 94.12%) and in OKLCH oklch(93.09% 0.02694 285.865).

What colors go well with Lavender?

Its complementary color is #eaead5. For a calmer look, pair it with the analogous colors #dde9fb and #efe3f5. Ready palettes with Lavender are shown on this page.

Is Lavender a warm or cool color?

Lavender is a cool color with an OKLCH hue of 286 degrees.

What text color is readable on Lavender?

Black text is more readable on Lavender: white gives a contrast ratio of 1.23:1 and black gives 17.06:1. WCAG AA asks for at least 4.5:1 for body text.

About #e6e6fa

#e6e6fa is a muted very light indigo color. In OKLCH it has 93.1% lightness, 0.027 chroma and a hue of 286°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.23:1 contrast and black text 17.06:1, so black text reads better.

The closest named color is Cyber Lavender (#e6e6fa). In Tailwind CSS the closest color is indigo-100.

More very light indigo colors

Lighter: #e6e6fa mixed with white

  1. e6e6fa

Darker: #e6e6fa mixed with black

  1. e6e6fa

Calmer: #e6e6fa with less saturation

  1. e6e6fa

Similar named colors

  • Cyber Lavender#e6e6fa

Colors that go with #e6e6fa

Complementary
#e6e6fa
Analogous
#e6e6fa
Triadic
#e6e6fa
Split
#e6e6fa