Blue Violet color values
| Format | Value |
|---|---|
| Hex | #8A2BE2 |
| RGB | rgb(138, 43, 226) |
| HSL | hsl(271, 76%, 53%) |
| HSV | 271, 81%, 89% |
| CMYK (simple conversion) | 39%, 81%, 0%, 11% |
| Decimal | 9055202 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Blue Violet
Blue violet is a rich, saturated purple that leans noticeably toward the blue side of the spectrum. It stands out sharply against light backgrounds and dark interfaces alike. Creative brands and artistic projects frequently rely on this bold hue. It is one of the 148 CSS named colors.
Shades and tints of Blue Violet
Tints mix Blue Violet with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #9640E5 | #7C27CB |
| 20% | #A155E8 | #6E22B5 |
| 30% | #AD6BEB | #611E9E |
| 40% | #B980EE | #531A88 |
| 50% | #C595F1 | #451671 |
Color harmony for Blue Violet
These colors keep the same saturation and lightness as Blue Violet and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #83E22B |
| Analogous | #2F2BE2 #E22BDE |
| Triadic | #E28A2B #2BE28A |
| Split complementary | #DEE22B #2BE22F |
Contrast and accessibility
Contrast between #8A2BE2 and white is 5.96:1 (passes AA). Against black it is 3.52:1 (large text only). For text on a Blue Violet background, white text is the more readable choice.
Use Blue Violet in CSS
.element {
color: blueviolet;
background-color: #8A2BE2;
border-color: rgb(138 43 226);
outline-color: hsl(271 76% 53%);
}All four lines produce exactly the same color. The keyword blueviolet is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- darkorchid: #9932CC
- Dark Violet: #9400D3
- Slate Blue: #6A5ACD
- mediumslateblue: #7B68EE
FAQ
What is the hex code for Blue Violet?
The hex code for Blue Violet is #8A2BE2. As a CSS color keyword you can also write blueviolet.
What is Blue Violet in RGB?
Blue Violet is rgb(138, 43, 226): red 138, green 43, blue 226 on the 0 to 255 scale.
What color is closest to Blue Violet?
Of the CSS named colors, darkorchid (#9932CC) is the closest match to Blue Violet, followed by darkviolet and slateblue.
More colors
- Blue: previous page
- Brown: next page
- CSS named colors: the full list