What does the color Lavender mean?

Indigo

Lavender

#e6e6fa

#ebebfb

#f0f0fc

#f5f5fd

#fafafe

#d2d2e2

Meaning

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

History

Lavender is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Lavender (#e6e6fa) in CSS as color: lavender; or as #e6e6fa.

Preview

Lavender

#e6e6fa

Overview

Family: Indigo

Accessibility on this swatch:

AAA

(17.06:1)

Contrast vs white: 1.23:1 · vs black: 17.06:1

Formats

HEX

#e6e6fa

RGB

rgb(230, 230, 250)

RGBA

rgba(230, 230, 250, 1)

HSL

hsl(240, 67%, 94%)

HSV

hsv(240, 8%, 98%)

LAB

lab(91.83% 3.71 -9.66)

LCH

lch(91.83% 10.35 291.01)

OKLAB

oklab(0.9309 0.0074 -0.0259)

OKLCH

oklch(0.9309 0.0269 285.95)

XYZ

xyz(78.18, 80.32, 101.81)

CMYK

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

CSS

color: #e6e6fa;

CSS variable

--color-e6e6fa: #e6e6fa;

SCSS

$color-e6e6fa: #e6e6fa;

Tailwind

indigo-50

Export

Developer code

:root {
  --lavender-1: #e6e6fa;
}

Color psychology

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#ebebfb

#f0f0fc

#f5f5fd

#fafafe

#d2d2e2

#bdbdc9

#a9a9b1

#949498

Similar colors

#f8f8ff

#f0f8ff

#fff0f5

#dcdcdc

#f5f5f5

#fffafa

#d3d3d3

#ffffff

Browse more in the color name library.