What is the hex code for Lavender?

The hex code for Lavender is #E6E6FA.

What is the RGB value of Lavender?

The RGB value of Lavender is rgb(230, 230, 250).

What is the HSL value of Lavender?

The HSL value of Lavender is hsl(240, 67%, 94%).

What is the HSV value of Lavender?

The HSV value of Lavender is hsv(240, 8%, 98%).

What CSS code do I use for Lavender?

Use background-color: #E6E6FA; for background, color: #E6E6FA; for text, or border: 1px solid #E6E6FA; for borders.

Lavender Hex #E6E6FA: HTML Color Code & Gradients

Lavender (#E6E6FA) Color Codes & Gradients

Color Preview

Make a gradient with Lavender →

Opens Lavender with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	lavender
Hex	#E6E6FA
RGB	rgb(230, 230, 250)
HSV	hsv(240, 8%, 98%)
HSL	hsl(240, 67%, 94%)
OKLCH	oklch(93.09% 0.0269 285.86)

What is the color name for #E6E6FA?

#E6E6FA color name is Lavender.

Color Information

The HTML color Lavender has the hexadecimal code #E6E6FA and in the RGB color space is composed of 90% red, 90% green, and 98% blue. The color Lavender has a hue angle of 240 degrees, a saturation of 66.7% and a lightness of 94.1%.

Lavender CSS Code Snippets

Background Color

.bg-lavender { background-color: #E6E6FA; }

Text Color

.text-lavender { color: #E6E6FA; }

Border Color

.border-lavender { border: 1px solid #E6E6FA; }

Shade Gradient

.gradient-shade-lavender { background: linear-gradient(135deg, #E6E6FA, #B3B3F0); }

Tint Gradient

.gradient-tint-lavender { background: linear-gradient(135deg, #E6E6FA, #FFFFFF); }

Monochromatic Gradient

.gradient-mono-lavender { background: linear-gradient(135deg, #E6E6FA, #C4C4D6); }

Lavender Shades

#DDDDF8

#D5D5F7

#CCCCF5

#C4C4F3

#BBBBF1

#B3B3F0

Lavender Tints

#EEEEFC

#F7F7FD

#FFFFFF

Lavender Tones

#E8E8F8

#EAEAF6

#ECECF4

#EEEEF2

#F0F0F0

Lavender Monochromatic

#C4C4D6

#A3A3B1

#81818D

#606068

#3E3E44

#1D1D1F

Similar Colors to Lavender

#E6EDFA

#E6EAFA

#E6E7FA

#E7E6FA

#EAE6FA

#EDE6FA

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator