#5024C5

A medium, moderate purple closely aligning with Blueviolet.

About #5024C5

The hex code #5024C5 represents a beautifully specific shade of purple. 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 80, 36, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 59% cyan and 82% magenta inks. With a hue angle of 256.4 degrees, it sits comfortably in the purple spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5024C5
RGB80, 36, 197
HSL256.4°, 69.1%, 45.7%
CMYK59%, 82%, 0%, 23%
HSV256.4°, 81.7%, 77.3%
LAB31.8, 58.1, -75.3
XYZ14.0, 7.0, 53.4
Decimal5252293

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.75:1
Text on #FFFFFF
AAA
2.40:1
Text on #000000
FAIL
8.36:1
Text on #F8FAFC
AAA
2.04:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5024C5; }
.text-color { color: #5024C5; }
.border-color { border: 2px solid #5024C5; }

Similar Colors

Blueviolet
#8A2BE2