Skip to content

BlueViolet#8A2BE2 HEX Color

#8A2BE2rgb(138, 43, 226)
#8A2BE2 color swatch

About BlueViolet

BlueViolet (#8A2BE2) is a warm, mid, vivid purple tone with a hue of 271°, saturation of 76% and lightness of 53%. It works well for creative and premium brands and conveys a creative feeling. On a white background it reaches a contrast ratio of 5.96:1, while on black it reaches 3.52:1 — so prefer white text when using #8A2BE2 as a background.

Color Codes

HEX#8A2BE2
RGBrgb(138, 43, 226)
HSLhsl(271°, 76%, 53%)
CMYKcmyk(39%, 81%, 0%, 11%)
CIELABLab(42.2, 69.8, -74.8)

Accessibility & Contrast

On white
5.96:1
AA Normalpasses
AA Largepasses
AAA Normalfails
AAA Largepasses
On black
3.52:1
AA Normalfails
AA Largepasses
AAA Normalfails
AAA Largefails

Recommendation: when using #8A2BE2 as a background, use white text for the highest contrast.

Color Schemes

Tints & Shades

CSS Code Snippets

background-color: #8A2BE2;
color: #8A2BE2;
border: 2px solid #8A2BE2;
background: linear-gradient(135deg, #8A2BE2, #83e22b);

Code Export

css
:root {
  --color-primary: #8a2be2;
  --color-primary-rgb: 138, 43, 226;
  --color-primary-hsl: 271, 76%, 53%;
}

Explore Color Tools

Related Tools

Related Combinations

Frequently Asked Questions

What is the name of color #8A2BE2?

Color #8A2BE2 is commonly known as BlueViolet. It is a warm, mid, vivid purple tone.

Is #8A2BE2 a warm or cool color?

BlueViolet (#8A2BE2) is a warm color. With a hue of 271°, it falls in the purple family.

What colors go well with #8A2BE2?

Colors that pair well with BlueViolet (#8A2BE2) include its complementary color (#83E22B), neutral whites and warm creams, and analogous purple tones for harmonious palettes.