HEX Color #8B5BE9 (Mediumslateblue)

About #8B5BE9

The precise color #8B5BE9 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 139, 91, and 233.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 40% cyan and 61% magenta inks. The HSL representation is 260.3° hue, 76.3% saturation, and 63.5% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#8B5BE9

RGB139, 91, 233

HSL260.3°, 76.3%, 63.5%

CMYK40%, 61%, 0%, 9%

HSV260.3°, 60.9%, 91.4%

LAB50.5, 50.3, -65.2

XYZ29.1, 18.9, 79.2

Decimal9133033

Color Harmonies

Complementary

#8B5BE9 #B9E95A

Analogous

#5A71E9 #D15AE9

Triadic

#E98A5A #5AE98A

Tetradic

#E95A71 #B9E95A #5AE9D1

Tints, Shades & Tones

Tints (Adding White)

#8B5BE9

#976DEB

#A47FED

#B191F0

#BEA3F2

#CBB6F5

#D8C8F7

#E5DAFA

#F2ECFC

#FFFFFF

Shades (Adding Black)

#8B5BE9

#7B50CF

#6C46B5

#5C3C9B

#4D3281

#3D2867

#2E1E4D

#1E1433

#0F0A19

#000000

WCAG Contrast Accessibility

4.40:1

Text on #FFFFFF

AA Large

4.77:1

Text on #000000

AA

4.21:1

Text on #F8FAFC

AA Large

4.06:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE