lavender

#E6E6FA

CSS color

Lavender (#E6E6FA) is a pale, delicate blue-purple CSS named color, directly evoking the cool, soft purple of lavender flowers grown in Provencal fields. It is one of the most universally liked colors in psychological studies, associated with calm, femininity, romance, and spiritual clarity. In web design, it is commonly used for backgrounds in beauty, wellness, and lifestyle applications.

Color Values

HEX

#E6E6FA

RGB

230, 230, 250

HSL

240.0, 66.7%, 94.1%

HSV

240.0, 8.0%, 98.0%

CMYK

8.0%, 8.0%, 0.0%, 2.0%

OKLCH

0.9309 0.0269 285.9

Properties

Color Psychology

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #E6E6FA;
color: #E6E6FA;
border-color: #E6E6FA;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.06:1

AA Pass AAA Pass

Compare With

Related Articles