Violet #8F00FF
Violet, given here as #8F00FF, is an intense blue-purple built from blue and red light, with blue in the lead and no green at all. It is fully saturated, cool-leaning, and medium in brightness. It is the last color of the rainbow, and people tend to link it with twilight, wildflowers, and imagination.
The CSS keyword violet is a much paler pinkish purple, #EE82EE. #8F00FF is the electric, spectral-style violet; screens can only approximate the violet light at the edge of the rainbow.
| HEX | #8F00FF | |
|---|---|---|
| RGB | rgb(143, 0, 255) | |
| HSL | hsl(274, 100%, 50%) | |
| HSV | hsv(274, 100%, 100%) | |
| CMYK | cmyk(44%, 100%, 0%, 0%) |
Text on Violet
White text reads better on Violet. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Violet
Violet tints and shades
Tints mix Violet with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Violet color schemes
Color-wheel harmonies built by rotating the hue of #8F00FF and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Violet color meaning
Violet has a scientific identity that purple lacks. It is a true spectral color, the last band of visible light before ultraviolet. That is why rainbows end in violet and why the word 'ultraviolet' exists.
The name comes from the violet flower, a small woodland bloom in shades of blue-purple. Through the flower, the color picked up associations with modesty and delicacy in European tradition, though the saturated screen version feels much bolder than a woodland plant.
In many Christian churches, violet vestments mark Advent and Lent, seasons of preparation and reflection. More broadly, people connect violet with spirituality, imagination, and the unusual. It shows up in fantasy art, music branding, and anything meant to feel a little otherworldly, from album covers to festival posters.
How to use Violet in design
White text works on #8F00FF for buttons, banners, and display type. Dark text struggles. This violet is loud on screens, so it suits nightlife, music, gaming, and creative brands better than calm or clinical ones. Large flat areas can feel overwhelming, so try it in gradients or as an accent.
Printing will not match the screen value; expect a duller purple. In fashion it reads bold and theatrical. For interiors, use deep violet sparingly, on a velvet chair or a few cushions.
Palettes with Violet tones
Curated palettes with a color close to #8F00FF.
Colors similar to Violet
Work with Violet
Violet FAQ
What is the difference between violet and purple?
Violet is a single wavelength of light at the end of the visible spectrum, while purple is a mix of red and blue with no single wavelength. In practice, violet usually means a bluer shade, like #8F00FF, and purple means a redder one, like the CSS purple #800080.
Is violet warm or cool?
Violet is generally treated as a cool color because it sits next to blue on the color wheel. The #8F00FF version contains a fair amount of red, so it feels warmer than indigo but cooler than magenta or fuchsia. Pairing it with gold or orange warms the overall palette.