Lavender Color — HEX, RGB, HSL, Palettes & Contrast

Lavender (#e6e6fa): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#e6e6fa
HEX #e6e6fa
RGB rgb(230, 230, 250)
HSL 240°, 67%, 94%

Use Lavender in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Lavender Color

Lavender is a soft, delicate purple that evokes calm and elegance. It is commonly used in beauty products, wellness apps, and creative portfolios.

Use Cases for Lavender

wellness appsbeauty productscreative portfolioswedding themesmeditation sites

Shades & Tints of Lavender

#ffffff
#f9f9fe
#f3f3fd
#ececfb
#e6e6fa
#adadbc
#73737d
#3a3a3f
#000000

Complementary Color

#e6e6fa
#fafae5

Analogous Colors

#e5f0fa
#e6e6fa
#f0e5fa

Triadic Colors

#e6e6fa
#fae5e5
#e5fae5

Split Complementary

#e6e6fa
#faf0e5
#f0fae5

Tetradic Colors

#e6e6fa
#fae5fa
#fafae5
#e5fae5

CSS Code

.lavender-color {
  color: #e6e6fa;
  background-color: #e6e6fa;
}

/* As a CSS custom property */
:root {
  --color-lavender: #e6e6fa;
}

Accessibility Score

75 / 100
Rating: Good
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✗ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Lavender
Ratio: 17.06:1 ✓ Passes AA ✓ Passes AAA
White text on Lavender
Ratio: 1.23:1 ✗ Fails AA ✗ Fails AAA

Related Colors

Thistle
Plum
Orchid
Violet
MediumPurple

Related Tools

Frequently Asked Questions

What color is Lavender?

Lavender is represented by the hex code #e6e6fa and has RGB values of rgb(230, 230, 250). It falls under the Purple category.

How to use Lavender in web design?

Lavender works well for wellness apps, beauty products, creative portfolios. Lavender is a soft, delicate purple that evokes calm and elegance. It is commonly used in beauty products, wellness apps, and creative portfolios. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Lavender?

Colors that pair well with Lavender include thistle, plum, orchid, violet, mediumpurple. For a complementary scheme, try #fafae5. For an analogous scheme, use #e5f0fa and #f0e5fa. For a triadic scheme, combine with #fae5e5 and #e5fae5.