HEX Color #AF16A8 (Darkmagenta)

About #AF16A8

The precise color #AF16A8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkmagenta. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 22, and 168.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 87% magenta, 4% yellow, and 31% black. The HSL representation is 302.7° hue, 77.7% saturation, and 38.6% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF 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#AF16A8

RGB175, 22, 168

HSL302.7°, 77.7%, 38.6%

CMYK0%, 87%, 4%, 31%

HSV302.7°, 87.4%, 68.6%

LAB42.0, 70.4, -40.9

XYZ25.0, 12.5, 38.1

Decimal11474600

Color Harmonies

Complementary

#AF16A8 #16AF1D

Analogous

#6916AF #AF165B

Triadic

#A7AF16 #16A7AF

Tetradic

#AF6916 #16AF1D #165BAF

Tints, Shades & Tones

Tints (Adding White)

#AF16A8

#B72FB1

#C049BB

#C963C5

#D27DCE

#DB97D8

#E4B1E2

#EDCBEB

#F6E5F5

#FFFFFF

Shades (Adding Black)

#AF16A8

#9B1395

#881182

#740E70

#610C5D

#4D094A

#3A0738

#260425

#130212

#000000

WCAG Contrast Accessibility

5.99:1

Text on #FFFFFF

AA

3.50:1

Text on #000000

AA Large

5.73:1

Text on #F8FAFC

AA

2.98:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #AF16A8; }

.text-color { color: #AF16A8; }

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

Similar Colors

Darkmagenta

#8B008B