HEX Color #A816A0 (Darkmagenta)

About #A816A0

When working with digital screens, the color #A816A0 is rendered by mixing light. Designers often compare it to the standard color Darkmagenta. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 22, and 160.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 87% magenta inks. With a hue angle of 303.3 degrees, it sits comfortably in the magenta spectrum.

From a UX and accessibility standpoint, contrast is paramount. 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#A816A0

RGB168, 22, 160

HSL303.3°, 76.8%, 37.3%

CMYK0%, 87%, 5%, 34%

HSV303.3°, 86.9%, 65.9%

LAB40.3, 67.9, -39.0

XYZ22.8, 11.4, 34.3

Decimal11015840

Color Harmonies

Complementary

#A816A0 #16A81E

Analogous

#6716A8 #A81656

Triadic

#9FA816 #169FA8

Tetradic

#A86716 #16A81E #1656A8

Tints, Shades & Tones

Tints (Adding White)

#A816A0

#B12FAA

#BB49B5

#C563BF

#CE7DCA

#D897D4

#E2B1DF

#EBCBE9

#F5E5F4

#FFFFFF

Shades (Adding Black)

#A816A0

#95138E

#82117C

#700E6A

#5D0C58

#4A0947

#380735

#250423

#120211

#000000

WCAG Contrast Accessibility

6.39:1

Text on #FFFFFF

AA

3.29:1

Text on #000000

AA Large

6.11:1

Text on #F8FAFC

AA

2.79:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A816A0; }

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

Similar Colors

Darkmagenta

#8B008B