#AD2EA4

#AD2EA4

Color Values

HEX

#AD2EA4

RGB

173, 46, 164

HSL

304.3, 58.0%, 42.9%

HSV

304.3, 73.4%, 67.8%

CMYK

0.0%, 73.4%, 5.2%, 32.2%

OKLCH

0.5405 0.2063 331.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AD2EA4

#2EAD37

Analogous

#762EAD

#AD2E64

#AD2EA4

Triadic

#AD2EA4

#A4AD2E

#2EA4AD

Split Complementary

#AD2EA4

#64AD2E

#2EAD76

Tetradic

#AD2EA4

#AD762E

#2EAD37

#2E64AD

Color Blindness Simulation

Original

#AD2EA4

Protanopia

#767587

Deuteranopia

#7D8781

Tritanopia

#A7716C

Achromatopsia

#525252

CSS Usage

background-color: #AD2EA4;
color: #AD2EA4;
border-color: #AD2EA4;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7ED
300
#E59EE0
400
#D76AD0
500
#C936BF
600
#A12B99
700
#81227A
800
#651B5F
900
#4A1746
950
#2F0F2C

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026