Lavender hex code
The hex code for lavender is #E6E6FA. In RGB that is rgb(230, 230, 250) and in HSL it is hsl(240, 67%, 94%).
The hex code for lavender is #E6E6FA. In RGB that is rgb(230, 230, 250) and in HSL it is hsl(240, 67%, 94%).
Lavender · #E6E6FA
Colour codes
- HEX
- #E6E6FA
- RGB
- rgb(230, 230, 250)
- HSL
- hsl(240, 67%, 94%)
- CMYK
- 8, 8, 0, 2
- CSS name
- lavender
- Contrast on white
- 1.23:1
- Contrast on black
- 17.06:1
Tints and shades
20% lighter · #ebebfb
40% lighter · #f0f0fc
60% lighter · #f5f5fd
80% lighter · #fafafe
20% darker · #b8b8c8
40% darker · #8a8a96
60% darker · #5c5c64
80% darker · #2e2e32
Complementary colour
Lavender · #E6E6FA
Opposite on the colour wheel · #fafae5
Frequently asked questions
What is the hex code for lavender?
The hex code for lavender is #E6E6FA. In RGB that is rgb(230, 230, 250) and in HSL it is hsl(240, 67%, 94%).
Can I use lavender for text?
It has a contrast ratio of 1.23:1 on white and 17.06:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with lavender?
Its complementary colour, opposite on the colour wheel, is #FAFAE5. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of lavender instead.
Is lavender a CSS colour name?
Yes. CSS accepts the keyword lavender, so color: lavender and color: #E6E6FA render exactly the same.