HEX Color #8A57F0 (Mediumslateblue)

About #8A57F0

The precise color #8A57F0 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 138, 87, and 240.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 43% cyan, 64% magenta, 0% yellow, and 6% black. The HSL representation is 260.0° 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 #000000 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#8A57F0

RGB138, 87, 240

HSL260.0°, 83.6%, 64.1%

CMYK43%, 64%, 0%, 6%

HSV260.0°, 63.7%, 94.1%

LAB50.1, 54.0, -69.8

XYZ29.6, 18.5, 84.5

Decimal9066480

Color Harmonies

Complementary

#8A57F0 #BCEF57

Analogous

#5770EF #D657EF

Triadic

#EF8A57 #57EF8A

Tetradic

#EF5770 #BCEF57 #57EFD6

Tints, Shades & Tones

Tints (Adding White)

#8A57F0

#9769F1

#A47CF3

#B18FF5

#BEA1F6

#CBB4F8

#D8C7FA

#E5D9FB

#F2ECFD

#FFFFFF

Shades (Adding Black)

#8A57F0

#7A4DD5

#6B43BA

#5C3AA0

#4C3085

#3D266A

#2E1D50

#1E1335

#0F091A

#000000

WCAG Contrast Accessibility

4.47:1

Text on #FFFFFF

AA Large

4.70:1

Text on #000000

AA

4.27:1

Text on #F8FAFC

AA Large

4.00:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #8A57F0; }

.text-color { color: #8A57F0; }

.border-color { border: 2px solid #8A57F0; }

Similar Colors

Mediumslateblue

#7B68EE