Blue Violet hex code
The hex code for blue violet is #8A2BE2. In RGB that is rgb(138, 43, 226) and in HSL it is hsl(271, 76%, 53%).
The hex code for blue violet is #8A2BE2. In RGB that is rgb(138, 43, 226) and in HSL it is hsl(271, 76%, 53%).
Blue Violet · #8A2BE2
Colour codes
- HEX
- #8A2BE2
- RGB
- rgb(138, 43, 226)
- HSL
- hsl(271, 76%, 53%)
- CMYK
- 39, 81, 0, 11
- CSS name
- blueviolet
- Contrast on white
- 5.96:1
- Contrast on black
- 3.52:1
Tints and shades
20% lighter · #a155e8
40% lighter · #b980ee
60% lighter · #d0aaf3
80% lighter · #e8d5f9
20% darker · #6e22b5
40% darker · #531a88
60% darker · #37115a
80% darker · #1c092d
Complementary colour
Blue Violet · #8A2BE2
Opposite on the colour wheel · #84e22c
Frequently asked questions
What is the hex code for blue violet?
The hex code for blue violet is #8A2BE2. In RGB that is rgb(138, 43, 226) and in HSL it is hsl(271, 76%, 53%).
Can I use blue violet for text?
It has a contrast ratio of 5.96:1 on white and 3.52:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with blue violet?
Its complementary colour, opposite on the colour wheel, is #84E22C. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of blue violet instead.
Is blue violet a CSS colour name?
Yes. CSS accepts the keyword blueviolet, so color: blueviolet and color: #8A2BE2 render exactly the same.