#A816CC

A medium, vivid magenta closely aligning with Darkorchid.

About #A816CC

Visually, #A816CC is defined as a vivid magenta. It is closely associated with the named CSS color Darkorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 22, and 204.

If you are designing for print, the four-color process is what matters most. The color uses 18% Cyan, 89% Magenta, 0% Yellow, and 20% Black. With a hue angle of 288.1 degrees, it sits comfortably in the magenta spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#A816CC
RGB168, 22, 204
HSL288.1°, 80.5%, 44.3%
CMYK18%, 89%, 0%, 20%
HSV288.1°, 89.2%, 80.0%
LAB43.1, 75.1, -60.4
XYZ27.3, 13.3, 58.2
Decimal11015884

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.75:1
Text on #FFFFFF
AA
3.65:1
Text on #000000
AA Large
5.50:1
Text on #F8FAFC
AA
3.10:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #A816CC; }
.text-color { color: #A816CC; }
.border-color { border: 2px solid #A816CC; }

Similar Colors

Darkorchid
#9932CC