Blue Violet #8A2BE2

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

Blue Violet color codes

CSS nameblueviolet
HEX#8A2BE2
RGBrgb(138, 43, 226)
HSLhsl(271, 76%, 53%)
CMYKcmyk(39%, 81%, 0%, 11%)
Decimal9055202

Shades of Blue Violet (darker)

#7C27CB · #6E22B5 · #611E9E · #531A88 · #451671 · #37115A · #290D44 · #1C092D · #0E0417

Tints of Blue Violet (lighter)

#9640E5 · #A155E8 · #AD6BEB · #B980EE · #C595F1 · #D0AAF3 · #DCBFF6 · #E8D5F9 · #F3EAFC

Color harmonies

Complementary
#84E22C
Triadic
#E28A2C, #2CE28A
Analogous
#2F2CE2, #E22CDF

Accessibility (WCAG contrast)

White text on Blue Violet5.96:1 · AA
Black text on Blue Violet3.52:1 · AA large text only

Use Blue Violet in code

.element {
  color: blueviolet;          /* or #8a2be2 */
  background-color: rgb(138 43 226 / 0.5);
}

Frequently asked questions

What is the hex code for Blue Violet?

Blue Violet is #8A2BE2 in HEX, rgb(138, 43, 226) in RGB and hsl(271, 76%, 53%) in HSL.

Can I use "blueviolet" directly in CSS?

Yes. "blueviolet" is one of the 148 standard CSS named colors, so color: blueviolet; works in every browser.

Is Blue Violet readable on white?

The contrast ratio of Blue Violet on white is 5.96:1 (WCAG AA). On black it is 3.52:1 (AA large text only).

What is the complementary color of Blue Violet?

The complementary color (opposite on the color wheel) is #84E22C.

Similar colors

Dark Orchid#9932CCDark Violet#9400D3Slate Blue#6A5ACDMedium Slate Blue#7B68EEMedium Orchid#BA55D3Medium Purple#9370DBRebecca Purple#663399Royal Blue#4169E1

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.