HEX Color #5016D3 (Mediumblue)

About #5016D3

At its core, #5016D3 is a medium and vivid hue. Designers often compare it to the standard color Mediumblue. This translates to an RGB value of rgb(80, 22, 211).

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 62% cyan, 90% magenta, 0% yellow, and 17% black. With a hue angle of 258.4 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5016D3

RGB80, 22, 211

HSL258.4°, 81.1%, 45.7%

CMYK62%, 90%, 0%, 17%

HSV258.4°, 89.6%, 82.7%

LAB31.8, 66.4, -83.6

XYZ15.4, 7.0, 62.2

Decimal5248723

Color Harmonies

Complementary

#5016D3 #98D316

Analogous

#163AD3 #AE16D3

Triadic

#D35016 #16D350

Tetradic

#D3163A #98D316 #16D3AE

Tints, Shades & Tones

Tints (Adding White)

#5016D3

#632FD7

#7649DC

#8A63E1

#9D7DE6

#B197EB

#C4B1F0

#D8CBF5

#EBE5FA

#FFFFFF

Shades (Adding Black)

#5016D3

#4713BB

#3E11A4

#350E8C

#2C0C75

#23095D

#1A0746

#11042E

#080217

#000000

WCAG Contrast Accessibility

8.76:1

Text on #FFFFFF

AAA

2.40:1

Text on #000000

FAIL

8.38:1

Text on #F8FAFC

AAA

2.04:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5016D3; }

.text-color { color: #5016D3; }

.border-color { border: 2px solid #5016D3; }

Similar Colors

Mediumblue

#0000CD