HEX Color #8316E2 (Blueviolet)

About #8316E2

The precise color #8316E2 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 22, and 226.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 42% cyan, 90% magenta, 0% yellow, and 11% black. With a hue angle of 272.1 degrees, it sits comfortably in the purple spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#8316E2

RGB131, 22, 226

HSL272.1°, 82.3%, 48.6%

CMYK42%, 90%, 0%, 11%

HSV272.1°, 90.3%, 88.6%

LAB39.4, 74.5, -79.4

XYZ23.4, 10.9, 72.8

Decimal8591074

Color Harmonies

Complementary

#8316E2 #74E216

Analogous

#1C16E2 #E216DB

Triadic

#E28316 #16E282

Tetradic

#E21D16 #74E216 #16DBE2

Tints, Shades & Tones

Tints (Adding White)

#8316E2

#902FE5

#9E49E8

#AC63EB

#BA7DEE

#C797F2

#D5B1F5

#E3CBF8

#F1E5FB

#FFFFFF

Shades (Adding Black)

#8316E2

#7413C8

#6511AF

#570E96

#480C7D

#3A0964

#2B074B

#1D0432

#0E0219

#000000

WCAG Contrast Accessibility

6.61:1

Text on #FFFFFF

AA

3.18:1

Text on #000000

AA Large

6.32:1

Text on #F8FAFC

AA

2.70:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8316E2; }

.text-color { color: #8316E2; }

.border-color { border: 2px solid #8316E2; }

Similar Colors

Blueviolet

#8A2BE2