HEX Color #4216DB (Mediumblue)

About #4216DB

The hex code #4216DB represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Mediumblue. In the RGB color space, it consists of 66 red, 22 green, and 219 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 70% cyan and 90% magenta inks. The HSL representation is 253.4° hue, 81.7% saturation, and 47.3% lightness.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#4216DB

RGB66, 22, 219

HSL253.4°, 81.7%, 47.3%

CMYK70%, 90%, 0%, 14%

HSV253.4°, 90.0%, 85.9%

LAB31.5, 67.6, -88.7

XYZ15.3, 6.8, 67.5

Decimal4331227

Color Harmonies

Complementary

#4216DB #AEDA16

Analogous

#164CDA #A416DA

Triadic

#DA4216 #16DA42

Tetradic

#DA164C #AEDA16 #16DAA4

Tints, Shades & Tones

Tints (Adding White)

#4216DB

#572FDF

#6C49E3

#8163E7

#967DEB

#AB97EF

#C0B1F3

#D5CBF7

#EAE5FB

#FFFFFF

Shades (Adding Black)

#4216DB

#3A13C2

#3311AA

#2C0E92

#240C79

#1D0961

#160749

#0E0430

#070218

#000000

WCAG Contrast Accessibility

8.86:1

Text on #FFFFFF

AAA

2.37:1

Text on #000000

FAIL

8.47:1

Text on #F8FAFC

AAA

2.01:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #4216DB; }

.text-color { color: #4216DB; }

.border-color { border: 2px solid #4216DB; }

Similar Colors

Mediumblue

#0000CD