What is the hex code for BlueViolet?

The hex code for BlueViolet is #8A2BE2.

What is the RGB value of BlueViolet?

The RGB value of BlueViolet is rgb(138, 43, 226).

What is the HSL value of BlueViolet?

The HSL value of BlueViolet is hsl(271, 76%, 53%).

What is the HSV value of BlueViolet?

The HSV value of BlueViolet is hsv(271, 81%, 89%).

What CSS code do I use for BlueViolet?

Use background-color: #8A2BE2; for background, color: #8A2BE2; for text, or border: 1px solid #8A2BE2; for borders.

BlueViolet Hex #8A2BE2: HTML Color Code & Gradients

BlueViolet (#8A2BE2) Color Codes & Gradients

Color Preview

Make a gradient with BlueViolet →

Opens BlueViolet with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download.

Want a palette around BlueViolet? Use the Color Palette Generator →

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

HTML Name	blueviolet
Hex	#8A2BE2
RGB	rgb(138, 43, 226)
HSV	hsv(271, 81%, 89%)
HSL	hsl(271, 76%, 53%)
OKLCH	oklch(53.38% 0.2503 301.37)

What is the color name for #8A2BE2?

#8A2BE2 color name is BlueViolet.

Color Information

The HTML color BlueViolet has the hexadecimal code #8A2BE2 and in the RGB color space is composed of 54% red, 17% green, and 89% blue. The color BlueViolet has a hue angle of 271.1 degrees, a saturation of 75.9% and a lightness of 52.7%.

BlueViolet CSS Code Snippets

.bg-blueviolet { background-color: #8A2BE2; }

.text-blueviolet { color: #8A2BE2; }

.border-blueviolet { border: 1px solid #8A2BE2; }

.gradient-shade-blueviolet { background: linear-gradient(135deg, #8A2BE2, #3C0E66); }

.gradient-tint-blueviolet { background: linear-gradient(135deg, #8A2BE2, #D4B2F4); }

.gradient-mono-blueviolet { background: linear-gradient(135deg, #8A2BE2, #7424BE); }

BlueViolet Shades

#7D1DD6

#701AC0

#6317A9

#561493

#49117C

#3C0E66

BlueViolet Tints

#9641E5

#A358E8

#AF6EEB

#BC85EE

#C89BF1

#D4B2F4

BlueViolet Tones

#893BD2

#894AC3

#885AB3

#886AA3

#877994

#868686

BlueViolet Monochromatic

#7424BE

#5E1D99

#471675

#310F50

#1B082C

#050107

Similar Colors to BlueViolet

#4D2BE2

#652BE2

#7E2BE2

#962BE2

#AF2BE2

#C72BE2

BlueViolet Color Harmonies

Complementary Open in the color wheel →

#8A2BE2

#83E22B

Analogous Open in the color wheel →

#2B83E2

#2F2BE2

#8A2BE2

#E22BDE

#E22B83

Triadic Open in the color wheel →

#8A2BE2

#E28A2B

#2BE28A

Split Complementary Open in the color wheel →

#8A2BE2

#DEE22B

#2BE22F

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator

BlueViolet (#8A2BE2) Color Codes & Gradients

Color Preview

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

What is the color name for #8A2BE2?

Color Information

BlueViolet CSS Code Snippets

BlueViolet Shades

BlueViolet Tints

BlueViolet Tones

BlueViolet Monochromatic

Similar Colors to BlueViolet

BlueViolet Color Harmonies

Generate a Gradient