HEX Color #8A6DF0 (Mediumslateblue)

About #8A6DF0

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

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 43% cyan and 55% magenta inks. The HSL representation is 253.3° hue, 81.4% saturation, and 68.4% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A6DF0

RGB138, 109, 240

HSL253.3°, 81.4%, 68.4%

CMYK43%, 55%, 0%, 6%

HSV253.3°, 54.6%, 94.1%

LAB54.7, 42.0, -62.4

XYZ31.7, 22.6, 85.1

Decimal9072112

Color Harmonies

Complementary

#8A6DF0 #D2F06C

Analogous

#6C91F0 #CB6CF0

Triadic

#F08A6C #6CF08A

Tetradic

#F06C91 #D2F06C #6CF0CB

Tints, Shades & Tones

Tints (Adding White)

#8A6DF0

#977DF1

#A48DF3

#B19DF5

#BEADF6

#CBBEF8

#D8CEFA

#E5DEFB

#F2EEFD

#FFFFFF

Shades (Adding Black)

#8A6DF0

#7A60D5

#6B54BA

#5C48A0

#4C3C85

#3D306A

#2E2450

#1E1835

#0F0C1A

#000000

WCAG Contrast Accessibility

3.80:1

Text on #FFFFFF

AA Large

5.53:1

Text on #000000

AA

3.63:1

Text on #F8FAFC

AA Large

4.70:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE