- No data uploaded
- Instant results
Blue Violet — #8A2BE2
Blue Violet is the CSS named colour blueviolet, hex #8A2BE2. It has a contrast ratio of 5.96:1 on white and 3.52:1 on black — readable as text on white backgrounds (WCAG AA).
Blue Violet — #8A2BE2
Contrast on white 5.96:1 · on black 3.52:1
Tints
Shades
Complementary
Triadic
Analogous
Using Blue Violet in code
CSS: color: blueviolet; or color: #8A2BE2; · Tailwind: text-[#8A2BE2] · Android/Flutter: 0xFF8A2BE2
Blue Violet colour harmonies
Complementary: #83E22B · Triadic: #E28A2B, #2BE28A · Analogous: #2F2BE2, #E22BDE. Use tints for backgrounds and shades for hover states.
Blue Violet in every colour format
| Format | Value |
|---|---|
| HEX | #8A2BE2 |
| RGB | rgb(138, 43, 226) |
| HSL | hsl(271, 76%, 53%) |
| HSV | hsv(271, 81%, 89%) |
| CMYK | cmyk(39%, 81%, 0%, 11%) |
| CSS name | blueviolet |
| Contrast on white | 5.96:1 |
| Contrast on black | 3.52:1 |
Frequently asked questions
What is the hex code for Blue Violet?
#8A2BE2 (CSS name: blueviolet).
What is Blue Violet in RGB?
rgb(138, 43, 226)
What colour goes well with Blue Violet?
Its complementary colour #83E22B, or the analogous #2F2BE2 and #E22BDE.