HEX Color #3A49E9 (Mediumslateblue)

About #3A49E9

The precise color #3A49E9 is an excellent choice for modern design projects. Its closest recognized web color is Mediumslateblue. In the RGB color space, it consists of 58 red, 73 green, and 233 blue.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 75% Cyan, 69% Magenta, 0% Yellow, and 9% Black. The HSL representation is 234.9° hue, 79.9% saturation, and 57.1% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#3A49E9

RGB58, 73, 233

HSL234.9°, 79.9%, 57.1%

CMYK75%, 69%, 0%, 9%

HSV234.9°, 75.1%, 91.4%

LAB40.5, 48.0, -81.8

XYZ18.8, 11.5, 78.3

Decimal3820009

Color Harmonies

Complementary

#3A49E9 #E9DA39

Analogous

#39A0E9 #8239E9

Triadic

#E93948 #48E939

Tetradic

#E939A0 #E9DA39 #39E982

Tints, Shades & Tones

Tints (Adding White)

#3A49E9

#4F5DEB

#6571ED

#7B85F0

#9199F2

#A7AEF5

#BDC2F7

#D3D6FA

#E9EAFC

#FFFFFF

Shades (Adding Black)

#3A49E9

#3340CF

#2D38B5

#26309B

#202881

#192067

#13184D

#0C1033

#060819

#000000

WCAG Contrast Accessibility

6.35:1

Text on #FFFFFF

AA

3.31:1

Text on #000000

AA Large

6.06:1

Text on #F8FAFC

AA

2.81:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3A49E9; }

.text-color { color: #3A49E9; }

.border-color { border: 2px solid #3A49E9; }

Similar Colors

Mediumslateblue

#7B68EE