HEX Color #8A5FCC (Mediumpurple)

About #8A5FCC

At its core, #8A5FCC is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Mediumpurple. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 95, and 204.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 32% C, 53% M, 0% Y, and 20% K. The HSL representation is 263.7° hue, 51.7% saturation, and 58.6% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#8A5FCC

RGB138, 95, 204

HSL263.7°, 51.7%, 58.6%

CMYK32%, 53%, 0%, 20%

HSV263.7°, 53.4%, 80.0%

LAB49.4, 40.3, -50.5

XYZ25.5, 17.9, 59.2

Decimal9068492

Color Harmonies

Complementary

#8A5FCC #A1CC5E

Analogous

#5E6ACC #C05ECC

Triadic

#CC895E #5ECC89

Tetradic

#CC5E6A #A1CC5E #5ECCC0

Tints, Shades & Tones

Tints (Adding White)

#8A5FCC

#9770D1

#A482D7

#B194DD

#BEA6E2

#CBB7E8

#D8C9EE

#E5DBF3

#F2EDF9

#FFFFFF

Shades (Adding Black)

#8A5FCC

#7A54B5

#6B499E

#5C3F88

#4C3471

#3D2A5A

#2E1F44

#1E152D

#0F0A16

#000000

WCAG Contrast Accessibility

4.58:1

Text on #FFFFFF

AA

4.59:1

Text on #000000

AA

4.37:1

Text on #F8FAFC

AA Large

3.90:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumpurple

#9370DB