Color Palettes

Light violet color

A pale, airy violet that sits between lavender and lilac. It is dreamy and gentle, great for nurseries, spring outfits and pastel color schemes.

Also known as: Soft violet.

Open in editor

The hex code for light violet is #CF9FFF. In RGB it is rgb(207, 159, 255), in HSL hsl(270, 100%, 81%) and in CMYK 19, 38, 0, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to light violet

Mauve#E0B0FFLavender#B57EDCWisteria#C9A0DCAmethyst#9966CCOrchid#DA70D6Lavender purple#967BB6

About light violet

Light violet (#CF9FFF) is a cool, light, highly saturated color. It belongs to the purples family. It mixes 207 red, 159 green and 255 blue (out of 255). It is mostly used in nursery, fashion, kids.

Swatch of Light violet with its shades from light to dark · #CF9FFF
Light violet · #CF9FFF

Light violet shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Light violet color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Light green
AnalogousClose to: Cornflower blue, Orchid
TriadicClose to: Peach, Aquamarine
Split complementaryClose to: Pastel yellow, Pale green
TetradicClose to: Salmon pink, Light green, Ice blue

Light violet color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Light violet
Analogous palette · Light violet
Complementary palette · Light violet
Triadic palette · Light violet
With neutrals palette · Light violet
With an accent palette · Light violet

Light violet contrast with text

White textContrast 2.1:1 · Not recommended
Black textContrast 10.1:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --light-violet: #CF9FFF;
  --light-violet-rgb: 207, 159, 255;
}
.bg { background-color: var(--light-violet); }
.text { color: var(--light-violet); }

Colors similar to light violet

Cornflower blueHeliotropeRoyal purpleLilac

More purples

VioletDeep purplePurpleLilacLavenderMauvePlumAmethystEggplantOrchidIndigoGrape purpleWisteriaPastel lilacUltra violetLavender grayThistleMulberryByzantiumRoyal purpleHeliotropeAubergineTyrian purplePastel purple
Swatch of Light violet with its shades from light to dark · #CF9FFF
Swatch of Light violet with its shades from light to dark · #CF9FFF

Try this next

Name color paletteType a name and get your own color story paletteColor aquariumA relaxing 3D aquarium in your palettesFamily birth flower bouquetEveryone's birth flowers in one bouquet
See all free tools →

Frequently asked questions

What is the hex code for light violet?

The hex code for light violet is #CF9FFF. In RGB it is rgb(207, 159, 255), in HSL hsl(270, 100%, 81%) and in CMYK 19, 38, 0, 0.

What is the complementary color of light violet?

Its complement on the color wheel is #CFFF9F, close to light green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on light violet?

Use black text instead: the contrast with white is only 2.1:1, while with black it is 10.1:1.