HEX Color #4216CC (Mediumblue)

About #4216CC

The precise color #4216CC is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 66 parts red, 22 parts green, and 204 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 68% cyan, 89% magenta, 0% yellow, and 20% black. The HSL representation is 254.5° hue, 80.5% saturation, and 44.3% 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#4216CC

RGB66, 22, 204

HSL254.5°, 80.5%, 44.3%

CMYK68%, 89%, 0%, 20%

HSV254.5°, 89.2%, 80.0%

LAB29.6, 63.7, -83.1

XYZ13.4, 6.1, 57.6

Decimal4331212

Color Harmonies

Complementary

#4216CC #9FCC16

Analogous

#1644CC #9D16CC

Triadic

#CC4216 #16CC42

Tetradic

#CC1644 #9FCC16 #16CC9D

Tints, Shades & Tones

Tints (Adding White)

#4216CC

#572FD1

#6C49D7

#8163DD

#967DE2

#AB97E8

#C0B1EE

#D5CBF3

#EAE5F9

#FFFFFF

Shades (Adding Black)

#4216CC

#3A13B5

#33119E

#2C0E88

#240C71

#1D095A

#160744

#0E042D

#070216

#000000

WCAG Contrast Accessibility

9.47:1

Text on #FFFFFF

AAA

2.22:1

Text on #000000

FAIL

9.05:1

Text on #F8FAFC

AAA

1.89:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD