Violet color: code #8F00FF
Violet
#8F00FF
Color codes
- HEX
#8F00FF - RGB
rgb(143, 0, 255) - HSL
hsl(274, 100%, 50%) - HSV
hsv(274, 100%, 100%) - CMYK
cmyk(44%, 100%, 0%, 0%) - LAB
lab(42.9% 84.4 -90) - OKLCH
oklch(54.8% 0.294 298.8)
About the color Violet
Violet has the HEX code #8F00FF, which corresponds to rgb(143, 0, 255) in the RGB model. On the color wheel its hue sits at 274°, with 100% saturation and 50% lightness (hsl(274, 100%, 50%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for light text: white reaches a 5.81:1 contrast ratio on it, versus 3.61:1 for black.
For print, the approximate conversion is cmyk(44%, 100%, 0%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Violet
Complementary
#8F00FF · #6FFF00
Analogous
#1100FF · #8F00FF · #FF00EE
Triadic
#8F00FF · #FF9100 · #00FF91
Tetradic
#8F00FF · #FF1100 · #6FFF00 · #00EEFF
Split-complementary
#8F00FF · #EEFF00 · #00FF11
Monochromatic
#480080 · #7400CC · #8F00FF · #B24DFF · #D399FF
Violet with white and black text
How to use it in CSS
:root {
--color-violet: #8F00FF;
--color-violet-rgb: 143, 0, 255;
}
.elemento {
background-color: var(--color-violet);
color: #FFFFFF;
}