What is the HEX code for BlueViolet?

The HEX code for BlueViolet is #8A2BE2.

What is the RGB value for BlueViolet?

BlueViolet uses RGB values 138,43,226.

Can I use BlueViolet directly in CSS?

Yes. You can use the named CSS color blueviolet, the HEX value #8A2BE2, or rgb(138,43,226).

HTML named color

BlueViolet color code

Use the BlueViolet HTML color with HEX #8A2BE2, RGB 138,43,226 and HSL 271,76%,53%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Violets

#8A2BE2

rgb(138,43,226)

HEX

#8A2BE2

RGB

rgb(138,43,226)

HSL

hsl(271,76%,53%)

OKLCH

oklch(53.4% 0.250 301.4)

CSS name

blueviolet

How to use this color

BlueViolet can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-blue-violet {
  color: #8A2BE2;
}

.bg-blue-violet {
  background-color: blueviolet;
}

.border-blue-violet {
  border-color: rgb(138,43,226);
}