HEX Color #8A1675 (Purple)

About #8A1675

The precise color #8A1675 is an excellent choice for modern design projects. Designers often compare it to the standard color Purple. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 22, and 117.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 84% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A1675

RGB138, 22, 117

HSL310.9°, 72.5%, 31.4%

CMYK0%, 84%, 15%, 46%

HSV310.9°, 84.1%, 54.1%

LAB32.4, 55.3, -25.3

XYZ14.0, 7.3, 17.5

Decimal9049717

Color Harmonies

Complementary

#8A1675 #168A2B

Analogous

#65168A #8A163A

Triadic

#748A16 #16758A

Tetradic

#8A6516 #168A2B #163B8A

Tints, Shades & Tones

Tints (Adding White)

#8A1675

#972F84

#A44993

#B163A3

#BE7DB2

#CB97C1

#D8B1D1

#E5CBE0

#F2E5EF

#FFFFFF

Shades (Adding Black)

#8A1675

#7A1368

#6B115B

#5C0E4E

#4C0C41

#3D0934

#2E0727

#1E041A

#0F020D

#000000

WCAG Contrast Accessibility

8.56:1

Text on #FFFFFF

AAA

2.45:1

Text on #000000

FAIL

8.18:1

Text on #F8FAFC

AAA

2.08:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Purple

#800080