Codes & values
- Color Name
Lavender - Color ID
KDF-C-15132410 - HEX
#E6E6FA - RGB
rgb(230, 230, 250) - RGBA
rgba(230, 230, 250, 1) - HSL
hsl(240, 67%, 94%) - HSLA
hsla(240, 67%, 94%, 1) - HSV / HSB
hsv(240, 8%, 98%) - CMYK
cmyk(8%, 8%, 0%, 2%) - Light / Dark
light
Quick answers
- What is the HEX code for Lavender?
- #E6E6FA
- What is Lavender RGB?
- rgb(230, 230, 250)
- What is Lavender HSL?
- hsl(240, 67%, 94%)
- What is Lavender CMYK?
- cmyk(8%, 8%, 0%, 2%)
What is Lavender?
Lavender is a curated blue family color at #E6E6FA. It appears in our library with tags for web, design, ui, background and matches the CSS named color keyword. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Lavender HEX code
The HEX code for Lavender is #E6E6FA. Paste it into CSS as color: #E6E6FA; or background-color: #E6E6FA;. Design tools accept the same six-digit value without the # prefix (e6e6fa).
Lavender RGB
Lavender in RGB is rgb(230, 230, 250) (channels R 230, G 230, B 250). Use RGB when you need opacity via rgba(230, 230, 250, 1).
Lavender HSL & HSV
HSL is hsl(240, 67%, 94%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(240, 8%, 98%), closer to how many digital pickers expose hue, saturation, and brightness.
Lavender CMYK
Approximate CMYK for Lavender is cmyk(8%, 8%, 0%, 2%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Lavender
Darker shades (mixed toward black): #C0C0D0, #9999A7, #73737D, #4D4D53, #26262A. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Lavender
Lighter tints (mixed toward white): #EAEAFB, #EEEEFC, #F3F3FD, #F7F7FD, #FBFBFE. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Lavender
Complementary pairing: #E6E6FA, #FAFAE6. Analogous neighbors: #E6F0FA, #E6E6FA, #F0E6FA. Triadic accents: #E6E6FA, #FAE6E6, #E6FAE6. Always check text contrast when pairing.
Lavender color combinations
A practical combo: primary #E6E6FA, complementary accent #FAFAE6, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #E6E6FA, #FAF0E6, #F0FAE6.
Lavender in web design
Blue remains the default trust color for SaaS, finance, and health UI. Royal and navy blues anchor headers; sky blues soften backgrounds and links.
Lavender in branding
Brand blues communicate reliability. Royal blue and navy remain corporate staples; electric blue reads more startup. Contrast vs white is 1.23:1 (better as a large accent or background than small body text); vs black 17.06:1.
Lavender as a pastel
Lavender sits in the pastel range — high lightness, softer saturation. Use it for wellness, kids, and spring campaigns; pair with deeper companions for hierarchy.
Frequently asked questions
- What is the HEX code for Lavender?
- Lavender: #E6E6FA.
- What is Lavender RGB?
- Lavender: rgb(230, 230, 250).
- What is Lavender HSL?
- Lavender: hsl(240, 67%, 94%).
- What is Lavender CMYK?
- Lavender: cmyk(8%, 8%, 0%, 2%).
- What colors go with Lavender?
- Try complementary #E6E6FA, #FAFAE6 or analogous #E6F0FA, #E6E6FA, #F0E6FA.
- Is Lavender good for text on white?
- Not ideal for small body text (1.23:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.23:1 (prefer large accent or background). Contrast vs black: 17.06:1. Complementary swatch: #E6E6FA, #FAFAE6.
Explore related
Blue colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK