Violet
#8F00FF
Violet (#8F00FF) is a medium, vivid purple colour, cool. In RGB it is 143 red, 0 green and 255 blue; in HSL its hue is 274°, its saturation 100% and its lightness 50%. For print, its CMYK mix is 44% cyan, 100% magenta, 0% yellow and 0% black, though printed colours vary with paper and ink.
Purple has long meant luxury, creativity and a touch of mystery. Light purples feel soft and gentle; deep purples feel rich and bold.
Text on violet
White text on violet has a contrast ratio of 5.81:1 and passes AA; black text has 3.61:1 and passes AA for large text only. White text is the better choice on it. Check other pairs in the contrast checker.
White text · 5.81:1
Black text · 3.61:1
Tints and shades of violet
Colour palettes with violet
Brands with a violet logo
Brand colours close to #8F00FF, from our Brand Colour Index.
Colours similar to violet
Use violet in CSS
.button {
background-color: #8F00FF;
color: #FFFFFF;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of purple.