14 Different Shades of Lavender (+ HEX codes)
Explore all shades of lavender, from lighter to darker shades. See HEX codes, shade names, and lavender color palettes. Click any shade to copy its HEX code.
Lavender is purple with most of the strength taken out — soft, slightly cool, and strongly associated with calm and sleep. Wellness apps and bath products use little else.
It is too light for text. Give it a deep plum or charcoal to sit against.
- white#ffffff
- selago#eaeafb
- moon raker#d5d5f7
- biloba flower#ababee
- dull lavender#9696ea
- portage#8181e6
- medium purple#6c6ce2
- royal blue#5656de
- cerulean blue#2c2cd5
- persian blue#2626c2
- jacksons purple#1e1e98
- lucky point#16166e
- violet#0d0d44
- black pearl#05051a
Lavender: HEX & RGB Codes
lavender has the following primary color codes:
HEX: #ffffff
RGB: (255, 255, 255).
Explore a wide range of lavender shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of lavender
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
Explore shades of lavender
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
lavender in HEX, RGB, HSL and CMYK
| HEX | #E6E6FA | |
|---|---|---|
| RGB | rgb(230, 230, 250) | |
| HSL | hsl(240, 67%, 94%) | |
| CMYK | cmyk(8%, 8%, 0%, 2%) |
Tints and shades of lavender
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#e7e7fa
#e8e8fb
#eaeafb
#ebebfb
#ededfb
#eeeefc
Shades (darker)
#a6a6ed
#6666e1
#2929d1
#1d1d91
#101051
#030311
Colours that work with lavender
Complementary
#E6E6FA #fafae5
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#e5f0fa #E6E6FA #f0e5fa
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#E6E6FA #fae5e5 #e5fae5
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on lavender
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
lavender shade chart
Right-click to save the chart, or copy the individual codes above.