HEX Color #4249E9 (Mediumslateblue)

About #4249E9

The precise color #4249E9 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 73, and 233.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 72% C, 69% M, 0% Y, and 9% K. The HSL representation is 237.5° hue, 79.1% saturation, and 58.6% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#4249E9

RGB66, 73, 233

HSL237.5°, 79.1%, 58.6%

CMYK72%, 69%, 0%, 9%

HSV237.5°, 71.7%, 91.4%

LAB40.9, 48.8, -81.1

XYZ19.3, 11.8, 78.4

Decimal4344297

Color Harmonies

Complementary

#4249E9 #E8E242

Analogous

#429CE8 #8E42E8

Triadic

#E84249 #49E842

Tetradic

#E8429C #E8E242 #42E88E

Tints, Shades & Tones

Tints (Adding White)

#4249E9

#575DEB

#6C71ED

#8185F0

#9699F2

#ABAEF5

#C0C2F7

#D5D6FA

#EAEAFC

#FFFFFF

Shades (Adding Black)

#4249E9

#3A40CF

#3338B5

#2C309B

#242881

#1D2067

#16184D

#0E1033

#070819

#000000

WCAG Contrast Accessibility

6.25:1

Text on #FFFFFF

AA

3.36:1

Text on #000000

AA Large

5.97:1

Text on #F8FAFC

AA

2.86:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE