HEX Color #A800CC (Darkviolet)

About #A800CC

The precise color #A800CC is an excellent choice for modern design projects. Designers often compare it to the standard color Darkviolet. Its digital footprint relies on 168 parts red, 0 parts green, and 204 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 18% cyan, 100% magenta, 0% yellow, and 20% black. With a hue angle of 289.4 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#A800CC

RGB168, 0, 204

HSL289.4°, 100.0%, 40.0%

CMYK18%, 100%, 0%, 20%

HSV289.4°, 100.0%, 80.0%

LAB42.3, 77.7, -61.8

XYZ27.0, 12.7, 58.1

Decimal11010252

Color Harmonies

Complementary

#A800CC #24CC00

Analogous

#4100CC #CC0089

Triadic

#CCA700 #00CCA7

Tetradic

#CC4100 #24CC00 #008ACC

Tints, Shades & Tones

Tints (Adding White)

#A800CC

#B11CD1

#BB38D7

#C555DD

#CE71E2

#D88DE8

#E2AAEE

#EBC6F3

#F5E2F9

#FFFFFF

Shades (Adding Black)

#A800CC

#9500B5

#82009E

#700088

#5D0071

#4A005A

#380044

#25002D

#120016

#000000

WCAG Contrast Accessibility

5.94:1

Text on #FFFFFF

AA

3.54:1

Text on #000000

AA Large

5.67:1

Text on #F8FAFC

AA

3.01:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #A800CC; }

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

Similar Colors

Darkviolet

#9400D3