HTML named color
Lavender color code
Use the Lavender HTML color with HEX #E6E6FA, RGB 230,230,250 and HSL 240,67%,94%. Copy CSS examples, shades and accessible contrast combinations.
Bleus
#E6E6FA
rgb(230,230,250)
HEX
#E6E6FARGB
rgb(230,230,250)HSL
hsl(240,67%,94%)OKLCH
oklch(93.1% 0.027 285.9)CSS name
lavenderHow to use this color
Lavender can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-lavender {
color: #E6E6FA;
}
.bg-lavender {
background-color: lavender;
}
.border-lavender {
border-color: rgb(230,230,250);
}Shades palette
#08082B#151560#252598#3636C9#6D6DD5#A6A6E3#D9D9F2