Lavender is a very light, saturated shade in the purple color family, with a cool feel. Its HEX code is #E6E6FA, which equals rgb(230, 230, 250) in RGB and hsl(240, 67%, 94%) in HSL. In print terms it converts to roughly C8 M8 Y0 K2, although exact CMYK results depend on the paper and color profile.
- HEX
#E6E6FA - RGB
230, 230, 250 - HSL
240°, 67%, 94% - CMYK
8, 8, 0, 2 - Family
Purple - Tone
Very light, saturated
About Lavender
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 17.06:1. Its complementary color is #FAFAE5.
Download Lavender as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Lavender color codes
| HEX | #E6E6FA |
|---|---|
| RGB | rgb(230, 230, 250) |
| HSL | hsl(240, 67%, 94%) |
| HSV | 240°, 8%, 98% |
| CMYK | 8%, 8%, 0%, 2% |
| Decimal | 15132410 |
Shades and tints of Lavender
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBFBFE - 100
#F7F7FD - 200
#F3F3FD - 300
#EEEEFC - 400
#EAEAFB - 500
#E6E6FA - 600
#C0C0D0 - 700
#9999A7 - 800
#73737D - 900
#4D4D53 - 950
#26262A
Color harmonies for Lavender
- Complementary
#FAFAE5≈ Old Lace - Analogous −30°
#E5F0FA≈ Lavender - Analogous +30°
#F0E5FA≈ Lavender - Triadic +120°
#FAE5E5≈ Misty Rose - Triadic +240°
#E5FAE5≈ Palest Soft Apple - Split 150°
#FAF0E5≈ Linen - Split 210°
#F0FAE5≈ Beige
Contrast and accessibility of Lavender
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Lavender | Aa | 1.23:1 | Fails |
| Black text on Lavender | Aa | 17.06:1 | AAA (excellent) |
CSS code for Lavender
background-color: #E6E6FA;color: #E6E6FA;background-color: rgb(230, 230, 250);background-color: hsl(240, 67%, 94%);:root { --color-lavender: #E6E6FA; }class="bg-[#E6E6FA]"Colors similar to Lavender
- Palest Muted Cerulean
#DBE6F0 - Palest Muted Azure
#DBE8F0 - Palest Dusty Cerulean
#E0E6EB - Palest Dusty Azure
#E0E7EB - Palest Dusty Capri
#E0E8EB - Palest Dusty Cornflower
#E0E4EB - Palest Muted Cornflower
#DBE3F0 - Palest Dusty Peacock
#E0E9EB - Palest Dusty Sapphire
#E0E3EB - Palest Dusty Violet
#E6E0EB - Palest Dusty Amethyst
#E7E0EB - Palest Muted Capri
#DBEAF0
More purple shades
- Thistle
#D8BFD8 - Orchid
#DA70D6 - Violet
#EE82EE - Rebecca Purple
#663399 - Indigo
#4B0082 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Amethyst
#9966CC
Frequently asked questions
What is the HEX code for Lavender?
The HEX code for Lavender is #E6E6FA.
What is the RGB value of Lavender?
Lavender has an RGB value of 230, 230, 250 (rgb(230, 230, 250)). In HSL it is 240°, 67%, 94%.
What text color should I use on Lavender?
Use black text on Lavender. White text has a contrast ratio of 1.23:1 and black text has 17.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Lavender?
The complementary color of Lavender is #FAFAE5. Analogous colors #E5F0FA and #F0E5FA also pair well.