HEX Color #AF00CC (Darkviolet)

About #AF00CC

The hex code #AF00CC represents a beautifully specific shade of magenta. Its closest recognized web color is Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 0, and 204.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 14% cyan, 100% magenta, 0% yellow, and 20% black. The HSL representation is 291.5° hue, 100.0% saturation, and 40.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#AF00CC

RGB175, 0, 204

HSL291.5°, 100.0%, 40.0%

CMYK14%, 100%, 0%, 20%

HSV291.5°, 100.0%, 80.0%

LAB43.5, 78.6, -59.8

XYZ28.6, 13.5, 58.2

Decimal11469004

Color Harmonies

Complementary

#AF00CC #1DCC00

Analogous

#4800CC #CC0082

Triadic

#CCAE00 #00CCAF

Tetradic

#CC4800 #1DCC00 #0082CC

Tints, Shades & Tones

Tints (Adding White)

#AF00CC

#B71CD1

#C038D7

#C955DD

#D271E2

#DB8DE8

#E4AAEE

#EDC6F3

#F6E2F9

#FFFFFF

Shades (Adding Black)

#AF00CC

#9B00B5

#88009E

#740088

#610071

#4D005A

#3A0044

#26002D

#130016

#000000

WCAG Contrast Accessibility

5.68:1

Text on #FFFFFF

AA

3.69:1

Text on #000000

AA Large

5.43:1

Text on #F8FAFC

AA

3.14:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #AF00CC; }

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

Similar Colors

Darkviolet

#9400D3