Lavender color codes and shades

Lavender is a pale, cool purple named after the herb. Compare the very light CSS keyword with named lavenders and richer lilac tones.

CSS lavender keywords

CSSAa 15.61:1

lavenderblush #FFF0F5 RGB 255, 240, 245
CSSAa 13.99:1

lavender #E6E6FA RGB 230, 230, 250
CSSAa 10.13:1

thistle #D8BFD8 RGB 216, 191, 216
CSSAa 8.32:1

plum #DDA0DD RGB 221, 160, 221
CSSAa 4.57:1

mediumpurple #9370DB RGB 147, 112, 219

Named lavenders

Each of these has "lavender" in its name.

Aa 4.35:1

Lavender Indigo #9457EB RGB 148, 87, 235
Aa 4.22:1

Lavender Violet #767BA5 RGB 118, 123, 165
Aa 4.25:1

Lavender Crystal #956D9A RGB 149, 109, 154
Aa 4.75:1

Lusty Lavender #8D5EB7 RGB 141, 94, 183
Aa 4.53:1

Lavender Mauve #687698 RGB 104, 118, 152
Aa 4.78:1

Dark Lavender #856798 RGB 133, 103, 152
Aa 5.41:1

La la Lavender #A3498A RGB 163, 73, 138
Aa 5.16:1

Old Lavender #796878 RGB 121, 104, 120
Aa 5.51:1

Highlighter Lavender #85569C RGB 133, 86, 156
Aa 5.28:1

Luscious Lavender #696987 RGB 105, 105, 135
Aa 5.91:1

Royal Lavender #7851A9 RGB 120, 81, 169
Aa 6.33:1

Hokkaido Lavender #7736D9 RGB 119, 54, 217
Aa 7.21:1

Shredder Lavender #7737AA RGB 119, 55, 170
Aa 6.65:1

Deep Lavender #565A7D RGB 86, 90, 125
Aa 7.06:1

Muted Lavender #3B5698 RGB 59, 86, 152
Aa 8.94:1

Evening Lavender #4D4469 RGB 77, 68, 105

Deeper lavender and lilac

Aa 7.07:1

Violet Velvet #B19CD9 RGB 177, 156, 217
Aa 6.23:1

Enchanted Lilac #A893C1 RGB 168, 147, 193
Aa 5.10:1

Lavender #B56EDC RGB 181, 110, 220
Aa 5.23:1

Wisteria #A87DC2 RGB 168, 125, 194
Aa 4.17:1

Legendary Lavender #9D61D4 RGB 157, 97, 212
Aa 4.39:1

Venus Violet #7A6DC0 RGB 122, 109, 192
Aa 4.86:1

Candy Grape Fizz #7755EE RGB 119, 85, 238
Aa 5.35:1

Vivid Violet #9F00FF RGB 159, 0, 255
Aa 5.00:1

Fuchsia Pheromone #9F4CB7 RGB 159, 76, 183
Aa 5.51:1

Telemagenta #AA22CC RGB 170, 34, 204

Palette idea: light to dark

LightestAa 15.61:1

lavenderblush #FFF0F5 RGB 255, 240, 245
LightAa 4.57:1

mediumpurple #9370DB RGB 147, 112, 219
MidAa 4.75:1

Lusty Lavender #8D5EB7 RGB 141, 94, 183
DeepAa 5.51:1

Highlighter Lavender #85569C RGB 133, 86, 156
DarkestAa 8.94:1

Evening Lavender #4D4469 RGB 77, 68, 105

Palette idea: with neutrals

BackgroundAa 16.11:1

Warm white #FAF7F2 RGB 250, 247, 242
SurfaceAa 6.23:1

Enchanted Lilac #A893C1 RGB 168, 147, 193
MainAa 4.75:1

Lusty Lavender #8D5EB7 RGB 141, 94, 183
DeepAa 6.33:1

Hokkaido Lavender #7736D9 RGB 119, 54, 217
TextAa 16.81:1

Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

LightAa 8.32:1

plum #DDA0DD RGB 221, 160, 221
MainAa 4.75:1

Lusty Lavender #8D5EB7 RGB 141, 94, 183
DarkAa 7.21:1

Shredder Lavender #7737AA RGB 119, 55, 170
AccentAa 4.30:1

Complement #618513 RGB 97, 133, 19
BaseAa 15.53:1

Off-white #F5F3EE RGB 245, 243, 238

Named after the flower

Lavender is a pale purple with a blue lean, named after the herb's flowers. The CSS keyword lavender is #E6E6FA, which is so light it reads almost white on most screens. Many people picture something deeper, closer to #B57EDC.

Lavender, lilac and periwinkle

Lavender is cool and slightly gray.
Lilac is warmer and pinker.
Periwinkle leans more blue. See periwinkle.

Styling lavender

Lavender is calm and soft, popular for weddings, nurseries and wellness brands. It pairs well with sage green, cream, soft gray and deep plum. It is a Summer color in seasonal color analysis.

On screen

Light lavenders need dark text. Use them for backgrounds and cards rather than buttons. For deeper purples, browse light purple and shades of purple.