↑ ↓ to moveEnter to openEsc to close

Light purple color codes

Light purples include airy lavender, pinkish lilac and bluish periwinkle. Here are the CSS keywords and named shades, each with HEX and RGB.

CSS light purples

  • 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 7.43:1
    violet #EE82EE RGB 238, 130, 238
  • CSSAa 5.96:1
    orchid #DA70D6 RGB 218, 112, 214
  • CSSAa 4.57:1
    mediumpurple #9370DB RGB 147, 112, 219
  • CSSAa 4.36:1
    mediumorchid #BA55D3 RGB 186, 85, 211

Lavender and lilac

  • Aa 10.23:1
    Lavender Bliss #CEC3DD RGB 206, 195, 221
  • Aa 9.24:1
    Testosterose #DDAAFF RGB 221, 170, 255
  • Aa 9.06:1
    Candy Floss #E8A7E2 RGB 232, 167, 226
  • Aa 9.19:1
    Blushing Sky #D9B1D6 RGB 217, 177, 214
  • Aa 9.22:1
    Purple Illusion #B8B8F8 RGB 184, 184, 248
  • Aa 8.43:1
    Pastel Lilac #BDB0D0 RGB 189, 176, 208
  • Aa 7.51:1
    Somewhere in a Fairytale #CC99DD RGB 204, 153, 221
  • Aa 7.50:1
    Lucius Lilac #BAA2CE RGB 186, 162, 206
  • Aa 7.10:1
    Cold Lips #9BA0EF RGB 155, 160, 239
  • Aa 7.00:1
    Imperial Lilac #A99FCF RGB 169, 159, 207
  • Aa 6.87:1
    Dripping Wisteria #BB99BB RGB 187, 153, 187
  • Aa 6.79:1
    Dreamy Candy Forest #B195E4 RGB 177, 149, 228

Bright light purples

  • Aa 7.67:1
    Dream Vapour #CC99EE RGB 204, 153, 238
  • Aa 6.67:1
    Violet Pink #FB5FFC RGB 251, 95, 252
  • Aa 6.58:1
    Venus Slipper Orchid #DF73FF RGB 223, 115, 255
  • Aa 5.89:1
    Illicit Purple #BF77F6 RGB 191, 119, 246
  • Aa 4.98:1
    Magenta Fizz #ED24ED RGB 237, 36, 237
  • Aa 5.00:1
    Bubblegum Baby Girl #CC55EE RGB 204, 85, 238
  • Aa 4.52:1
    Psychedelic Purple #DD00FF RGB 221, 0, 255
  • Aa 4.99:1
    Lavendless #B86FC2 RGB 184, 111, 194
  • Aa 4.35:1
    Magento #BF3CFF RGB 191, 60, 255
  • Aa 4.64:1
    Violet Voltage #A669DB RGB 166, 105, 219
  • Aa 4.40:1
    Orion Nebula #A55AF4 RGB 165, 90, 244
  • Aa 4.33:1
    Love Priestess #BB55CC RGB 187, 85, 204

Periwinkle and blue-violet

  • Aa 11.35:1
    Frozen Periwinkle #C9D1EF RGB 201, 209, 239
  • Aa 9.36:1
    Pastel Blue #A2BFFE RGB 162, 191, 254
  • Aa 8.65:1
    Over the Moon #ABB8D5 RGB 171, 184, 213
  • Aa 7.83:1
    Widowmaker #99AAFF RGB 153, 170, 255
  • Aa 7.36:1
    Fennel Flower #77AAFF RGB 119, 170, 255
  • Aa 6.64:1
    Wisteria Blue #84A2D4 RGB 132, 162, 212
  • Aa 5.55:1
    Periwinkle #8E82FE RGB 142, 130, 254
  • Aa 5.20:1
    Galactic Gossamer #7F8CB8 RGB 127, 140, 184
  • Aa 4.88:1
    Blue Jay #5588DD RGB 85, 136, 221
  • Aa 4.57:1
    Pan Purple #657AEF RGB 101, 122, 239

Palette idea: light to dark

  • LightestAa 15.61:1
    lavenderblush #FFF0F5 RGB 255, 240, 245
  • LightAa 8.32:1
    plum #DDA0DD RGB 221, 160, 221
  • MidAa 6.58:1
    Venus Slipper Orchid #DF73FF RGB 223, 115, 255
  • DeepAa 4.52:1
    Psychedelic Purple #DD00FF RGB 221, 0, 255
  • DarkestAa 4.57:1
    Pan Purple #657AEF RGB 101, 122, 239

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 9.06:1
    Candy Floss #E8A7E2 RGB 232, 167, 226
  • MainAa 6.58:1
    Venus Slipper Orchid #DF73FF RGB 223, 115, 255
  • DeepAa 4.64:1
    Violet Voltage #A669DB RGB 166, 105, 219
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 10.13:1
    thistle #D8BFD8 RGB 216, 191, 216
  • MainAa 6.58:1
    Venus Slipper Orchid #DF73FF RGB 223, 115, 255
  • DarkAa 4.40:1
    Orion Nebula #A55AF4 RGB 165, 90, 244
  • AccentAa 7.63:1
    Complement #77BE5D RGB 119, 190, 93
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Lavender, lilac or periwinkle?

These three light purples are often used interchangeably, but they lean in different directions:

  • Lavender is a soft, slightly gray purple, named after the flower.
  • Lilac is pinker and warmer.
  • Periwinkle leans blue, almost halfway to cornflower.

In CSS, lavender (#E6E6FA) is so pale it looks almost white, while thistle and plum are closer to what most people call lilac.

Using light purple well

Light purples are popular for beauty, wellness and children's products, and they work well as calm backgrounds in apps. They pair with:

  • sage or mint green for a soft, natural feel,
  • butter yellow, their complementary partner, for brightness,
  • charcoal or deep plum for contrast and readable text.

Contrast

Lavenders and lilacs need dark text. The brighter light purples in the middle group can take white text only at large sizes; check the "Aa" figure on each swatch.

Season and mood

In seasonal color analysis, soft lavenders belong to Light Summer and True Summer palettes. Explore shades of purple for deeper versions, mauve for dusty tones, and the Light Summer palette for a full cool, light wardrobe set.