- No data uploaded
- Instant results
Lavender — #E6E6FA
Lavender is the CSS named colour lavender, hex #E6E6FA. It has a contrast ratio of 1.23:1 on white and 17.06:1 on black — best used as text on dark backgrounds.
Lavender — #E6E6FA
Contrast on white 1.23:1 · on black 17.06:1
Tints
Shades
Complementary
Triadic
Analogous
Using Lavender in code
CSS: color: lavender; or color: #E6E6FA; · Tailwind: text-[#E6E6FA] · Android/Flutter: 0xFFE6E6FA
Lavender colour harmonies
Complementary: #FAFAE6 · Triadic: #FAE6E6, #E6FAE6 · Analogous: #E6F0FA, #F0E6FA. Use tints for backgrounds and shades for hover states.
Lavender in every colour format
| Format | Value |
|---|---|
| HEX | #E6E6FA |
| RGB | rgb(230, 230, 250) |
| HSL | hsl(240, 67%, 94%) |
| HSV | hsv(240, 8%, 98%) |
| CMYK | cmyk(8%, 8%, 0%, 2%) |
| CSS name | lavender |
| Contrast on white | 1.23:1 |
| Contrast on black | 17.06:1 |
Frequently asked questions
What is the hex code for Lavender?
#E6E6FA (CSS name: lavender).
What is Lavender in RGB?
rgb(230, 230, 250)
What colour goes well with Lavender?
Its complementary colour #FAFAE6, or the analogous #E6F0FA and #F0E6FA.