HEX Color #6D57F0 (Mediumslateblue)

About #6D57F0

The precise color #6D57F0 is an excellent choice for modern design projects. 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 109, 87, and 240.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 55% Cyan, 64% Magenta, 0% Yellow, and 6% Black. The HSL representation is 248.6° hue, 83.6% saturation, and 64.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#6D57F0

RGB109, 87, 240

HSL248.6°, 83.6%, 64.1%

CMYK55%, 64%, 0%, 6%

HSV248.6°, 63.7%, 94.1%

LAB47.4, 48.8, -74.2

XYZ25.4, 16.4, 84.3

Decimal7165936

Color Harmonies

Complementary

#6D57F0 #D9EF57

Analogous

#578DEF #B957EF

Triadic

#EF6D57 #57EF6C

Tetradic

#EF578D #D9EF57 #57EFB9

Tints, Shades & Tones

Tints (Adding White)

#6D57F0

#7D69F1

#8D7CF3

#9D8FF5

#ADA1F6

#BEB4F8

#CEC7FA

#DED9FB

#EEECFD

#FFFFFF

Shades (Adding Black)

#6D57F0

#604DD5

#5443BA

#483AA0

#3C3085

#30266A

#241D50

#181335

#0C091A

#000000

WCAG Contrast Accessibility

4.92:1

Text on #FFFFFF

AA

4.27:1

Text on #000000

AA Large

4.70:1

Text on #F8FAFC

AA

3.63:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #6D57F0; }

.text-color { color: #6D57F0; }

.border-color { border: 2px solid #6D57F0; }

Similar Colors

Mediumslateblue

#7B68EE