HEX Color #5057E9 (Mediumslateblue)

About #5057E9

When working with digital screens, the color #5057E9 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 87, and 233.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 66% cyan and 63% magenta inks. With a hue angle of 237.3 degrees, it sits comfortably in the blue spectrum.

Contrast ratios determine whether this color is safe for typography. 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#5057E9

RGB80, 87, 233

HSL237.3°, 77.7%, 61.4%

CMYK66%, 63%, 0%, 9%

HSV237.3°, 65.7%, 91.4%

LAB44.8, 42.2, -74.7

XYZ21.4, 14.4, 78.7

Decimal5265385

Color Harmonies

Complementary

#5057E9 #E8E150

Analogous

#50A3E8 #9550E8

Triadic

#E85056 #56E850

Tetradic

#E850A3 #E8E150 #50E895

Tints, Shades & Tones

Tints (Adding White)

#5057E9

#6369EB

#767CED

#8A8FF0

#9DA1F2

#B1B4F5

#C4C7F7

#D8D9FA

#EBECFC

#FFFFFF

Shades (Adding Black)

#5057E9

#474DCF

#3E43B5

#353A9B

#2C3081

#232667

#1A1D4D

#111333

#080919

#000000

WCAG Contrast Accessibility

5.41:1

Text on #FFFFFF

AA

3.88:1

Text on #000000

AA Large

5.17:1

Text on #F8FAFC

AA

3.30:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #5057E9; }

.text-color { color: #5057E9; }

.border-color { border: 2px solid #5057E9; }

Similar Colors

Mediumslateblue

#7B68EE