#AD2872

#AD2872

Color Values

HEX

#AD2872

RGB

173, 40, 114

HSL

326.6, 62.4%, 41.8%

HSV

326.6, 76.9%, 67.8%

CMYK

0.0%, 76.9%, 34.1%, 32.2%

OKLCH

0.5119 0.181 351.6

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD2872

#28AD63

Analogous

#A628AD

#AD2830

#AD2872

Triadic

#AD2872

#72AD28

#2872AD

Split Complementary

#AD2872

#30AD28

#28ADA6

Tetradic

#AD2872

#ADA628

#28AD63

#2830AD

Color Blindness Simulation

Original

#AD2872

Protanopia

#737260

Deuteranopia

#7B855C

Tritanopia

#A6524F

Achromatopsia

#4A4A4A

CSS Usage

background-color: #AD2872;
color: #AD2872;
border-color: #AD2872;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DE
300
#E89CC6
400
#DC66A7
500
#CF3089
600
#A6266D
700
#851F57
800
#681844
900
#4C1534
950
#300D21

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

3.32: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