HEX Color #8366E9 (Mediumslateblue)

About #8366E9

The precise color #8366E9 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 131, 102, and 233.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 44% C, 56% M, 0% Y, and 9% K. With a hue angle of 253.3 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#8366E9

RGB131, 102, 233

HSL253.3°, 74.9%, 65.7%

CMYK44%, 56%, 0%, 9%

HSV253.3°, 56.2%, 91.4%

LAB52.1, 42.5, -62.7

XYZ28.8, 20.2, 79.5

Decimal8611561

Color Harmonies

Complementary

#8366E9 #CBE866

Analogous

#668AE8 #C466E8

Triadic

#E88366 #66E883

Tetradic

#E8668A #CBE866 #66E8C4

Tints, Shades & Tones

Tints (Adding White)

#8366E9

#9077EB

#9E88ED

#AC99F0

#BAAAF2

#C7BBF5

#D5CCF7

#E3DDFA

#F1EEFC

#FFFFFF

Shades (Adding Black)

#8366E9

#745ACF

#654FB5

#57449B

#483881

#3A2D67

#2B224D

#1D1633

#0E0B19

#000000

WCAG Contrast Accessibility

4.16:1

Text on #FFFFFF

AA Large

5.04:1

Text on #000000

AA

3.98:1

Text on #F8FAFC

AA Large

4.29:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #8366E9; }

.text-color { color: #8366E9; }

.border-color { border: 2px solid #8366E9; }

Similar Colors

Mediumslateblue

#7B68EE