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%).

What RGB values make Blue Violet?

Blue Violet is 138 red, 43 green, and 226 blue, written as rgb(138, 43, 226).

Blue Violet scores 5.96:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.

Yes. You can write color: blueviolet directly in CSS, which every browser resolves to #8A2BE2.

#8A2BE2

Blue Violet is a purple tone at #8A2BE2. It sits at 271 degrees on the color wheel with 76% saturation and 53% lightness.

Color values

Tints mix Blue Violet with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#E8D5F9

Tint 60%

#D0AAF3

Tint 40%

#B980EE

Tint 20%

#A155E8

Base

#8A2BE2

Shade 20%

#6E22B5

Shade 40%

#531A88

Shade 60%

#37115A

Shade 80%

#1C092D

On white

Sample text

5.96:1

Passes AA for body text

On black

Sample text

3.52:1

Large text only

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Blue Violet?: Blue Violet is 138 red, 43 green, and 226 blue, written as rgb(138, 43, 226).
Is Blue Violet readable as text on a white background?: Blue Violet scores 5.96:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.
Is Blue Violet a valid CSS color name?: Yes. You can write color: blueviolet directly in CSS, which every browser resolves to #8A2BE2.