#AD20AE

#AD20AE

Color Values

HEX

#AD20AE

RGB

173, 32, 174

HSL

299.6, 68.9%, 40.4%

HSV

299.6, 81.6%, 68.2%

CMYK

0.6%, 81.6%, 0.0%, 31.8%

OKLCH

0.5365 0.2266 327.9

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AD20AE

#21AE20

Analogous

#6620AE

#AE2068

#AD20AE

Triadic

#AD20AE

#AEAD20

#20AEAD

Split Complementary

#AD20AE

#68AE20

#20AE66

Tetradic

#AD20AE

#AE6620

#21AE20

#2068AE

Color Blindness Simulation

Original

#AD20AE

Protanopia

#706F8C

Deuteranopia

#788383

Tritanopia

#A6706B

Achromatopsia

#484848

CSS Usage

background-color: #AD20AE;
color: #AD20AE;
border-color: #AD20AE;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FC
100
#F7E3F8
200
#F4C3F4
300
#EB98EC
400
#E160E2
500
#D628D7
600
#AB20AC
700
#89198A
800
#6B146C
900
#4E124E
950
#310C32

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026