Lavender Color Hex Code, RGB & HSL Values

What is the meaning of the Lavender color?

Lavender is a soft, pale violet color inspired by the lavender flower. It evokes feelings of calmness, relaxation, and wellness, making it a favorite for beauty products, spa branding, and gentle user interfaces.

How to use the Lavender color hex code in HTML & CSS?

Developers can invoke Lavender color codes in stylesheets using color: #E6E6FA;. For modern CSS frameworks, set it as a variable --color-lavender: #E6E6FA;, or implement it in Tailwind using bg-[#E6E6FA].

What are the RGB and HSL codes of Lavender?

The RGB breakdown for Lavender is rgb(230, 230, 250). In HSL space, it translates to 240° hue, 67% saturation, and 94% lightness, rendering a balanced, moderate saturation.

CMYK print profiles for Lavender color

For print design projects using CMYK ink models, Lavender corresponds to Cyan: 8%, Magenta: 8%, Yellow: 0%, and Black: 2%. In digital designs, blue coordinates like this are highly favored by technical and corporate platforms to foster user trust, stability, and clean readability.

Red Channel 230

Green Channel 230

Blue Channel 250

Luminance 0.803

⇄ Lavender Color Space Conversions

Click to copy format

HEX Color Code #E6E6FA

RGB (Red Green Blue) rgb(230, 230, 250)

HSL (Hue Sat Light) hsl(240°, 67%, 94%)

CMYK (Commercial Print) cmyk(8%, 8%, 0%, 2%)

HSV / HSB Values hsv(240°, 8%, 98%)

Decimal Color Code 15132410

CSS Custom Variable --color-hex: #E6E6FA;

Tailwind CSS Utility bg-[#E6E6FA]

CSS Named Color lavender

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #E6E6FA

Small body copy preview

Black Text on Background

Black text readability test with #E6E6FA

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Lavender */
--color-hex: #E6E6FA;
--color-rgb: rgb(230, 230, 250);
--color-hsl: hsl(240deg, 67%, 94%);
--color-name: lavender;

Aa Known Color Aliases

✦ Lavender Color Meaning

As a notable shade in the purple spectrum, Lavender embodies the core psychological traits of the purple color family. The purple spectrum has been associated with royalty and power since ancient times when Tyrian purple dye cost more than gold by weight. This historical scarcity created a deep psychological association between purple and luxury, wisdom, and spiritual authority. Today, purple bridges the rational energy of blue with the passionate warmth of red, creating a color that feels both innovative and sophisticated. Lighter purples like lavender communicate romance and nostalgia, while deep violets convey mystery and premium quality. In design, purple stands out precisely because it is used less frequently than primary colors, creating an air of exclusivity.

Emotions & Associations

LuxuryWisdomCreativityRoyalty

Industries

Luxury & FashionTechnologyBeauty