Blue Violet Color Code #8A2BE2
Blue Violet has the HEX code #8A2BE2 and the RGB value rgb(138, 43, 226).
Blue Violet#8A2BE2
Blue Violet color codes
| HEX | #8A2BE2 |
| RGB | rgb(138, 43, 226) |
| HSL | hsl(271, 76%, 53%) |
| CMYK | cmyk(39%, 81%, 0%, 11%) |
| RGB percent | 54%, 17%, 89% |
| Decimal | 9055202 |
Tints of Blue Violet
#9640E5#A155E8#AD6BEB#B980EE#C595F1#D0AAF3#DCBFF6#E8D5F9#F3EAFC
Shades of Blue Violet
#7C27CB#6E22B5#611E9E#531A88#451671#37115A#290D44#1C092D#0E0417
Color combinations
Complementary
#8A2BE2#84E22C
Analogous
#8A2BE2#2F2CE2#E22CDF
Triadic
#8A2BE2#E28A2C#2CE28A
Use Blue Violet in CSS
.text { color: #8A2BE2; }
.box { background-color: rgb(138, 43, 226); }
.border { border: 2px solid hsl(271, 76%, 53%); }
Text in Blue Violet
Background in Blue Violet
Similar colors
- Dark Orchid
- Dark Violet
- Slate Blue
- Medium Slate Blue
- Medium Orchid
- Medium Purple
- Rebecca Purple
- Royal Blue
- Dark Magenta
- Orchid
- Purple
- Dark Slate Blue
Frequently asked questions
What is the HEX code for Blue Violet?
The HEX code for Blue Violet is #8A2BE2.
What is the RGB value of Blue Violet?
Blue Violet in RGB is rgb(138, 43, 226): red 138, green 43 and blue 226 out of 255.
How do I use Blue Violet in CSS?
Use color: #8A2BE2; for text or background-color: #8A2BE2; for backgrounds. You can also write the CSS name blueviolet.