HEX Color #4949D3 (Mediumslateblue)

About #4949D3

The hex code #4949D3 represents a beautifully specific shade of blue. 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 73, 73, and 211.

Translating this color to physical media requires the CMYK color model. The color uses 65% Cyan, 65% Magenta, 0% Yellow, and 17% Black. The HSL representation is 240.0° hue, 61.1% saturation, and 55.7% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#4949D3

RGB73, 73, 211

HSL240.0°, 61.1%, 55.7%

CMYK65%, 65%, 0%, 17%

HSV240.0°, 65.4%, 82.7%

LAB39.4, 42.4, -71.0

XYZ16.9, 10.9, 62.8

Decimal4803027

Color Harmonies

Complementary

#4949D3 #D3D348

Analogous

#488DD3 #8D48D3

Triadic

#D34848 #48D348

Tetradic

#D3488E #D3D348 #48D38E

Tints, Shades & Tones

Tints (Adding White)

#4949D3

#5D5DD7

#7171DC

#8585E1

#9999E6

#AEAEEB

#C2C2F0

#D6D6F5

#EAEAFA

#FFFFFF

Shades (Adding Black)

#4949D3

#4040BB

#3838A4

#30308C

#282875

#20205D

#181846

#10102E

#080817

#000000

WCAG Contrast Accessibility

6.61:1

Text on #FFFFFF

AA

3.18:1

Text on #000000

AA Large

6.32:1

Text on #F8FAFC

AA

2.70:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #4949D3; }

.text-color { color: #4949D3; }

.border-color { border: 2px solid #4949D3; }

Similar Colors

Mediumslateblue

#7B68EE