HEX Color #8324CC (Blueviolet)

About #8324CC

The precise color #8324CC 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, 36, and 204.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 36% cyan, 82% magenta, 0% yellow, and 20% black. The HSL representation is 273.9° hue, 70.0% saturation, and 47.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#8324CC

RGB131, 36, 204

HSL273.9°, 70.0%, 47.1%

CMYK36%, 82%, 0%, 20%

HSV273.9°, 82.4%, 80.0%

LAB38.6, 66.3, -68.0

XYZ20.9, 10.4, 58.0

Decimal8594636

Color Harmonies

Complementary

#8324CC #6CCB24

Analogous

#2E24CB #CB24C0

Triadic

#CB8324 #24CB83

Tetradic

#CB2F24 #6CCB24 #24C0CB

Tints, Shades & Tones

Tints (Adding White)

#8324CC

#903CD1

#9E54D7

#AC6DDD

#BA85E2

#C79DE8

#D5B6EE

#E3CEF3

#F1E6F9

#FFFFFF

Shades (Adding Black)

#8324CC

#7420B5

#651C9E

#571888

#481471

#3A105A

#2B0C44

#1D082D

#0E0416

#000000

WCAG Contrast Accessibility

6.80:1

Text on #FFFFFF

AA

3.09:1

Text on #000000

AA Large

6.50:1

Text on #F8FAFC

AA

2.63:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8324CC; }

.text-color { color: #8324CC; }

.border-color { border: 2px solid #8324CC; }

Similar Colors

Blueviolet

#8A2BE2