Color Palettes

Violet color

The last visible color of the rainbow, just before ultraviolet. It's named after the flower. It's associated with creativity and spirituality, and also with the feminist movement.

Violet · #8F00FF

About violet

Violet (#8F00FF) is a cool, mid-tone, highly saturated color. It belongs to the purples family. It mixes 143 red, 0 green and 255 blue (out of 255). It is mostly used in branding, fashion, art.

Violet shades and tints

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

Colors that go with violet

YellowIts complement: a vibrant contrast.GrayCalms violet and makes it elegant.WhiteA clean, fresh contrast.Mint greenA fresh, original mix.PinkA modern, sweet gradient.SilverA cool, elegant shine.Navy blueDepth and mystery.BlackA dramatic look.
How to wear and decorate with violet →

Violet color harmonies

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

ComplementaryClose to: Chartreuse
AnalogousClose to: Blue, Magenta
TriadicClose to: Tangerine, Mint green
Split complementaryClose to: Yellow, Neon green
TetradicClose to: Red, Chartreuse, Cyan

Violet color palettes

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

Monochromatic palette · Violet
Analogous palette · Violet
Complementary palette · Violet
Triadic palette · Violet
With neutrals palette · Violet
With an accent palette · Violet

Violet contrast with text

White textContrast 5.8:1 · AA
Black textContrast 3.6:1 · AA large text

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

CSS code

:root {
  --violet: #8F00FF;
  --violet-rgb: 143, 0, 255;
}
.bg { background-color: var(--violet); }
.text { color: var(--violet); }

Colors similar to violet

BlueMagentaDeep purpleDark blueGrape purpleUltramarineNavy blueIndigoKlein blueElectric blue

Themed palettes with this color

Neon color palettes

More purples

Deep purplePurpleLilacLavenderMauvePlumAmethystEggplantOrchidIndigoGrape purpleWisteriaPastel lilacUltra violet

Frequently asked questions

What is the hex code for violet?

The hex code for violet is #8F00FF. In RGB it is rgb(143, 0, 255), in HSL hsl(274, 100%, 50%) and in CMYK 44, 100, 0, 0.

What is the complementary color of violet?

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

Can you use white text on violet?

Yes. The contrast with white is 5.8:1, enough for body text (WCAG AA).

What colors go with violet?

It pairs well with yellow, gray, white, mint green, pink. Avoid pairing it with intense red or orange, because the look gets heavy. With similar purples and no contrast it looks confusing.