HEX Color #8A5FAF (Mediumpurple)

About #8A5FAF

When working with digital screens, the color #8A5FAF is rendered by mixing light. 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 175.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 21% cyan, 46% magenta, 0% yellow, and 31% black. With a hue angle of 272.2 degrees, it sits comfortably in the purple spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A5FAF

RGB138, 95, 175

HSL272.2°, 33.3%, 52.9%

CMYK21%, 46%, 0%, 31%

HSV272.2°, 45.7%, 68.6%

LAB47.9, 33.2, -36.2

XYZ22.3, 16.7, 42.6

Decimal9068463

Color Harmonies

Complementary

#8A5FAF #83AF5F

Analogous

#625FAF #AF5FAB

Triadic

#AF8A5F #5FAF8A

Tetradic

#AF625F #83AF5F #5FACAF

Tints, Shades & Tones

Tints (Adding White)

#8A5FAF

#9770B7

#A482C0

#B194C9

#BEA6D2

#CBB7DB

#D8C9E4

#E5DBED

#F2EDF6

#FFFFFF

Shades (Adding Black)

#8A5FAF

#7A549B

#6B4988

#5C3F74

#4C3461

#3D2A4D

#2E1F3A

#1E1526

#0F0A13

#000000

WCAG Contrast Accessibility

4.84:1

Text on #FFFFFF

AA

4.34:1

Text on #000000

AA Large

4.63:1

Text on #F8FAFC

AA

3.69:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumpurple

#9370DB