HEX Color #5F16BD (Blueviolet)

About #5F16BD

At its core, #5F16BD is a medium and vivid hue. Designers often compare it to the standard color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 22, and 189.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 50% cyan and 88% magenta inks. With a hue angle of 266.2 degrees, it sits comfortably in the purple spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5F16BD

RGB95, 22, 189

HSL266.2°, 79.1%, 41.4%

CMYK50%, 88%, 0%, 26%

HSV266.2°, 88.4%, 74.1%

LAB31.1, 62.4, -71.8

XYZ14.2, 6.7, 48.7

Decimal6231741

Color Harmonies

Complementary

#5F16BD #74BD16

Analogous

#1620BD #B216BD

Triadic

#BD5E16 #16BD5E

Tetradic

#BD1620 #74BD16 #16BDB2

Tints, Shades & Tones

Tints (Adding White)

#5F16BD

#702FC4

#8249CB

#9463D3

#A67DDA

#B797E1

#C9B1E9

#DBCBF0

#EDE5F7

#FFFFFF

Shades (Adding Black)

#5F16BD

#5413A8

#491193

#3F0E7E

#340C69

#2A0954

#1F073F

#15042A

#0A0215

#000000

WCAG Contrast Accessibility

8.99:1

Text on #FFFFFF

AAA

2.34:1

Text on #000000

FAIL

8.59:1

Text on #F8FAFC

AAA

1.99:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F16BD; }

.text-color { color: #5F16BD; }

.border-color { border: 2px solid #5F16BD; }

Similar Colors

Blueviolet

#8A2BE2