CSS named color
Lavender
#E6E6FA
HEX
#e6e6faRGB
rgb(230, 230, 250)HSL
hsl(240, 67%, 94%)OKLCH
oklch(93.09% 0.0269 285.86)NAME
lavenderPalette
Complementary
180° on the color wheelComplement
#FAFAE5
Analogous
±30° around the base hueLeft
#E5F0FA
Right
#F0E5FA
Triadic
±120° for harmonic contrastTriad 1
#FAE5E5
Triad 2
#E5FAE5
Shades
Lighter and darker variantsCSS usage
By name
color: lavender;
background-color: lavender;By HEX
color: #e6e6fa;
background-color: #e6e6fa;By RGB
color: rgb(230, 230, 250);
background-color: rgb(230, 230, 250);By HSL
color: hsl(240, 67%, 94%);
background-color: hsl(240, 67%, 94%);WCAG contrast vs white
Aa
1.23:1
Below minimum
WCAG contrast vs black
Aa
17.06:1
AAA
Related colors
FAQ — Lavender
What is the HEX code for Lavender?
The HEX code for Lavender is #E6E6FA. It's one of the 148 named CSS colors and can be used directly in CSS as color: lavender; or color: #e6e6fa;
What is Lavender in RGB?
Lavender in RGB is rgb(230, 230, 250) — red 230, green 230, blue 250.
What is Lavender in HSL?
Lavender in HSL is hsl(240, 67%, 94%) — hue 240°, saturation 67%, lightness 94%.
What is the complementary color of Lavender?
The complementary color (directly opposite Lavender on the color wheel) is #FAFAE5. The two together produce maximum contrast.
Is white text readable on Lavender?
The WCAG contrast ratio against white (#FFFFFF) is 1.23:1, and against black (#000000) it's 17.06:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.