Blue Violet

#8A2BE2

What color is Blue Violet?

Blue violet is a deep, rich purple with a strong blue lean, hex #8A2BE2, similar in tone to the amethyst gemstone. The color is dark enough to appear almost jewel-like but carries enough blue to stay clearly cooler than red-based purples.

What is the meaning of the color Blue Violet?

Synthetic dyes produced in the 1850s made blue-violet shades widely available for the first time, before which such tones were costly to achieve in fabric and pigment. The name blue violet entered common use as manufacturers needed to distinguish blue-leaning purples from red-leaning ones in dye catalogs and textile trade. Pantone formalized shades in this range in the 20th century, and blue violet tones appear in Pantone’s published color systems used across printing and fashion industries. Crayola included Blue Violet as a named crayon color in its standard 64-count box, first released in 1958, giving the name broad recognition among general audiences.

RGB
138, 43, 226
HSL
271°, 76%, 53%
CMYK
39, 81, 0, 11
HSV
271°, 81%, 89%
Blue violet color

What colors go with Blue Violet?

Colors that pair well with Blue violet include:
Silver: cool, polished contrast
Gold: warm, rich complement
White: clean, bright lift
Forest green: deep, natural balance
Soft pink: light, gentle contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #8A2BE2 color: #8A2BE2;
RGB 138, 43, 226 color: rgb(138, 43, 226);
RGB Percentage 54%, 17%, 89% color: rgb(54%, 17%, 89%);
CMYK 39%, 81%, 0%, 11% Not supported in CSS
HSL 271°, 76%, 53% color: hsl(271, 76%, 53%);
HSV 271°, 81%, 89% Not supported in CSS
CIE-LAB 42, 19, -61 color: lab(42% 19 -61);
Decimal 9055202 Not supported in CSS

Color Variations

Shades

#8A2CE2
#7D1DD6
#6F1ABE
#6117A7
#53138F
#451077
#370D5F
#2A0A47

Tints

#DCC0F6
#D0ABF3
#C596F1
#B980EE
#AD6BEB
#A256E8
#9641E5
#8A2CE2

Tones

#8A2CE2
#8A35D9
#8A3ED0
#8947C7
#8950BE
#895AB5
#8863AC
#886CA2

Hues

#8A2CE2
#E22CB2
#E22F2C
#E2B82C
#84E22C
#2CE25D
#2CDFE2
#2C57E2

Color Harmonies

Analogous

#2F2CE2
Click to copy
#8A2BE2
Click to copy
#E22CDF
Click to copy

Complementary

#8A2BE2
Click to copy
#84E22C
Click to copy

Split Complementary

#8A2BE2
Click to copy
#DFE22C
Click to copy
98%
#2CE22F
Click to copy

Triadic

#8A2BE2
Click to copy
#E28A2C
Click to copy
#2CE28A
Click to copy

Tetradic

#8A2BE2
Click to copy
#E22F2C
Click to copy
#84E22C
Click to copy
#2CDFE2
Click to copy

Square

#8A2BE2
Click to copy
#E22F2C
Click to copy
#84E22C
Click to copy
#2CDFE2
Click to copy

CSS & Dev Snippets

CSS
.blue-violet {
  color: #8A2BE2;
}
SCSS
$blue-violet: #8A2BE2;
RGB
rgb(138, 43, 226)

Accessibility & Contrast

White background

5.96:1
5.96
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.52:1
3.52
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags