Shades of Violet

Explore the most common shades of violet with their hex codes. Find the perfect violet for your next design project.

From the deepest, most saturated tones to the lightest pastels, violet appears in nearly every design discipline — branding, interiors, fashion, and digital UI. The 30 shades below are the most commonly used named variants of violet, each with a precise hex code you can copy directly into your design tool.

Looking for the right pairing? See colors that go with violet. Need a different format? Try our format converters for HEX, RGB, HSL, OKLCH, and CMYK.

Featured shade

Violet

Violet is the canonical violet in this collection. Below is its full breakdown across every common color format — useful when you need the same color in CSS, a design tool, or a print workflow.

HEX#8F00FF
RGBrgb(143, 0, 255)
HSLhsl(274, 100%, 50%)
OKLCHoklch(54.8% 0.294 299)
CMYKcmyk(44%, 100%, 0%, 0%)

Colors that go with violet

Violet's complement is yellow-green (chartreuse), so olive, mustard, and lime create energetic pairings. With navy or black, violet becomes deeply elegant.

Need the perfect violet?

Download Colorframe to pick any shade of violet from your screen and get instant hex, RGB, HSL, OKLCH, and CMYK values.