Lavender Color

Learn about Lavender (#e6e6fa): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

.lavender-color {
  color: #e6e6fa;
}

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.