#4224E9

A medium, vivid blue closely aligning with Mediumblue.

About #4224E9

The hex code #4224E9 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 36, and 233.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 72% cyan, 85% magenta, 0% yellow, and 9% black. With a hue angle of 249.1 degrees, it sits comfortably in the blue 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#4224E9
RGB66, 36, 233
HSL249.1°, 81.7%, 52.7%
CMYK72%, 85%, 0%, 9%
HSV249.1°, 84.5%, 91.4%
LAB34.6, 66.8, -91.5
XYZ17.6, 8.3, 77.8
Decimal4334825

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.89:1
Text on #FFFFFF
AAA
2.66:1
Text on #000000
FAIL
7.54:1
Text on #F8FAFC
AAA
2.26:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #4224E9; }
.text-color { color: #4224E9; }
.border-color { border: 2px solid #4224E9; }

Similar Colors

Mediumblue
#0000CD