Blue Violet#8A2BE2

Blue Violet Hex Code: #8A2BE2

Blue Violet is a medium, vivid purple. Its OKLCH lightness is 53% and chroma 0.250. Text on this color reads best in white (contrast 5.96:1).

HEX	`#8A2BE2`
RGB	`rgb(138, 43, 226)`
HSL	`hsl(271, 76%, 53%)`
HSV / HSB	`hsv(271, 81%, 89%)`
CMYK	`cmyk(39%, 81%, 0%, 11%)`
OKLCH	`oklch(53.4% 0.25 301.4)`

Open in converter →

Contrast

White text5.96:1

AAAA largeAAA

Black text3.52:1

AAAA largeAAA

On white5.96:1

AAAA largeAAA

On black3.52:1

AAAA largeAAA

Tints

#953EE5#9F51E7#AA64EA#B477EC#BF8AEF#C99DF2#D4B1F4Mauve#DEC4F7#E9D7F9#F3EAFCLavender

Shades

#7E27CE#7123B9#651FA5#581C91#4C187C#3F1468#331054#270C3F#1A082B#0E0417

Matching colors

Complementary

#8A2BE2Blue Violet#83E22B

Analogous

#8A2BE2Blue Violet#2F2BE2#E22BDE

Triadic

#8A2BE2Blue Violet#E28A2B#2BE28A

Split complementary

#8A2BE2Blue Violet#DEE22B#2BE22F

Similar named colors

Dark Violet#9400D3Dark Orchid#9932CCViolet Purple#8000FFSlate Blue#6A5ACDMedium Slate Blue#7B68EERoyal Purple#7851A9Amethyst#9966CCMedium Orchid#BA55D3

All color names →

Code

CSS	`color: #8A2BE2;`
Tailwind	`bg-[#8a2be2]`
SwiftUI	`Color(red: 0.541, green: 0.169, blue: 0.886)`
Android	`Color.parseColor("#8A2BE2")`
Flutter	`Color(0xFF8A2BE2)`

Blue Violet is a CSS named color (blueviolet); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for blue violet?

Blue Violet is #8A2BE2 in hex and rgb(138, 43, 226) in RGB.

What is blue violet in CMYK?

With the plain conversion formula it is cmyk(39, 81, 0, 11). For print, convert with your printer's ICC profile instead.

What text color works on blue violet?

White text has the higher contrast at 5.96:1, which passes WCAG AA for normal text (4.5:1).