HEX Color #0049E2 (Mediumslateblue)

About #0049E2

When working with digital screens, the color #0049E2 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumslateblue. In the RGB color space, it consists of 0 red, 73 green, and 226 blue.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 100% Cyan, 68% Magenta, 0% Yellow, and 11% Black. The HSL representation is 220.6° hue, 100.0% 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0049E2

RGB0, 73, 226

HSL220.6°, 100.0%, 44.3%

CMYK100%, 68%, 0%, 11%

HSV220.6°, 100.0%, 88.6%

LAB38.3, 42.7, -81.5

XYZ16.1, 10.3, 73.1

Decimal18914

Color Harmonies

Complementary

#0049E2 #E29900

Analogous

#00B9E2 #2700E2

Triadic

#E20048 #48E200

Tetradic

#E200B9 #E29900 #00E228

Tints, Shades & Tones

Tints (Adding White)

#0049E2

#1C5DE5

#3871E8

#5585EB

#7199EE

#8DAEF2

#AAC2F5

#C6D6F8

#E2EAFB

#FFFFFF

Shades (Adding Black)

#0049E2

#0040C8

#0038AF

#003096

#00287D

#002064

#00184B

#001032

#000819

#000000

WCAG Contrast Accessibility

6.88:1

Text on #FFFFFF

AA

3.05:1

Text on #000000

AA Large

6.58:1

Text on #F8FAFC

AA

2.59:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0049E2; }

.text-color { color: #0049E2; }

.border-color { border: 2px solid #0049E2; }

Similar Colors

Mediumslateblue

#7B68EE