HEX Color #0050E2 (Mediumslateblue)

About #0050E2

At its core, #0050E2 is a medium and vivid hue. Its closest recognized web color is Mediumslateblue. Its digital footprint relies on 0 parts red, 80 parts green, and 226 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 100% C, 65% M, 0% Y, and 11% K. The HSL representation is 218.8° hue, 100.0% saturation, and 44.3% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0050E2

RGB0, 80, 226

HSL218.8°, 100.0%, 44.3%

CMYK100%, 65%, 0%, 11%

HSV218.8°, 100.0%, 88.6%

LAB40.0, 38.2, -78.8

XYZ16.6, 11.2, 73.2

Decimal20706

Color Harmonies

Complementary

#0050E2 #E29200

Analogous

#00C0E2 #2000E2

Triadic

#E2004F #50E200

Tetradic

#E200C0 #E29200 #00E221

Tints, Shades & Tones

Tints (Adding White)

#0050E2

#1C63E5

#3876E8

#558AEB

#719DEE

#8DB1F2

#AAC4F5

#C6D8F8

#E2EBFB

#FFFFFF

Shades (Adding Black)

#0050E2

#0047C8

#003EAF

#003596

#002C7D

#002364

#001A4B

#001132

#000819

#000000

WCAG Contrast Accessibility

6.47:1

Text on #FFFFFF

AA

3.25:1

Text on #000000

AA Large

6.18:1

Text on #F8FAFC

AA

2.76:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE