Purple color

Blue Violet #8A2BE2

#8A2BE2 · rgb(138, 43, 226)

Blue Violet is the color #8A2BE2. In RGB it is rgb(138, 43, 226) — 54% red, 17% green and 89% blue. Its CMYK breakdown is 39% cyan, 81% magenta, 0% yellow and 11% black, and in HSL it sits at 271° hue, 76% saturation and 53% lightness. Blue Violet is one of the 140 standard CSS / HTML color names, so color: blue-violet works in CSS. The closest web-safe color is #9933CC.

Open in color picker Convert Make a palette Check contrast

Blue Violet color codes

Hex#8A2BE2

RGBrgb(138, 43, 226)

RGB %54%, 17%, 89%

HSLhsl(271, 76%, 53%)

HSV / HSBhsv(271, 81%, 89%)

CMYKcmyk(39%, 81%, 0%, 11%)

OKLCHoklch(53% 0.25 301)

Closest web-safe#9933CC

Blue Violet color meaning

Blue Violet is a bold and energetic purple — a cool color at 53% lightness and 76% saturation. Like other purples, it is linked with creativity, luxury and imagination. Rare and expensive to dye for most of history, it still suggests royalty, mystery and individuality.

Because it is bold and energetic, blue violet works best for logos, buttons, highlights, sports kit and anything that should grab attention. It is dark enough to use for text on a white page (6.0:1 contrast).

What colors go with Blue Violet?

Blue Violet pairs well with Yellow Green, Blue, Fuchsia and Linen: Yellow Green sits close to its opposite on the color wheel for strong contrast, Blue and Fuchsia are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around blue violet in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Blue Violet at a glance

Color family	Purple · cool, bold and energetic
CSS color name	Yes — `blueviolet` works in CSS
As text on white	5.96:1 — passes WCAG AA
Best text on it	White (5.96:1)
For print (CMYK)	39% cyan, 81% magenta, 0% yellow, 11% black
Full screen	Open the blue violet screen — fill your display or download it in 4K

Contrast

Contrast ratio of Blue Violet against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 5.96:1 Black text — 3.52:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Blue Violet

Blue Violet color FAQ

What is the hex code for Blue Violet?

Blue Violet is #8A2BE2, which is rgb(138, 43, 226) and hsl(271, 76%, 53%). For print it is roughly C39 M81 Y0 K11.

What colors go with Blue Violet?

Blue Violet pairs well with Yellow Green, Blue, Fuchsia, Linen. Yellow Green gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Blue Violet a warm or cool color?

Blue Violet is a cool color: its hue is 271°, on the green, blue and violet side of the color wheel.

What text color looks best on Blue Violet?

White text, with a contrast ratio of 6.0:1, which meets WCAG AA for normal text. Blue Violet itself is also readable as text on white (6.0:1).