HEX Color #8A57E2 (Mediumslateblue)

About #8A57E2

The precise color #8A57E2 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumslateblue. In the RGB color space, it consists of 138 red, 87 green, and 226 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 39% cyan and 62% magenta inks. With a hue angle of 262.0 degrees, it sits comfortably in the purple spectrum.

Contrast ratios determine whether this color is safe for typography. Because it is a light color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A57E2

RGB138, 87, 226

HSL262.0°, 70.6%, 61.4%

CMYK39%, 62%, 0%, 11%

HSV262.0°, 61.5%, 88.6%

LAB49.1, 50.4, -63.5

XYZ27.6, 17.7, 73.9

Decimal9066466

Color Harmonies

Complementary

#8A57E2 #AEE157

Analogous

#5769E1 #CF57E1

Triadic

#E18A57 #57E18A

Tetradic

#E15769 #AEE157 #57E1CF

Tints, Shades & Tones

Tints (Adding White)

#8A57E2

#9769E5

#A47CE8

#B18FEB

#BEA1EE

#CBB4F2

#D8C7F5

#E5D9F8

#F2ECFB

#FFFFFF

Shades (Adding Black)

#8A57E2

#7A4DC8

#6B43AF

#5C3A96

#4C307D

#3D2664

#2E1D4B

#1E1332

#0F0919

#000000

WCAG Contrast Accessibility

4.62:1

Text on #FFFFFF

AA

4.54:1

Text on #000000

AA

4.42:1

Text on #F8FAFC

AA Large

3.86:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE