#AD2C6F

#AD2C6F

Color Values

HEX

#AD2C6F

RGB

173, 44, 111

HSL

328.8, 59.4%, 42.5%

HSV

328.8, 74.6%, 67.8%

CMYK

0.0%, 74.6%, 35.8%, 32.2%

OKLCH

0.5141 0.1753 353.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD2C6F

#2CAD6A

Analogous

#AA2CAD

#AD2C2F

#AD2C6F

Triadic

#AD2C6F

#6FAD2C

#2C6FAD

Split Complementary

#AD2C6F

#2FAD2C

#2CADAA

Tetradic

#AD2C6F

#ADAA2C

#2CAD6A

#2C2FAD

Color Blindness Simulation

Original

#AD2C6F

Protanopia

#75745F

Deuteranopia

#7D865B

Tritanopia

#A7524F

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DC
300
#E69DC3
400
#D969A3
500
#CB3483
600
#A32968
700
#822154
800
#661A41
900
#4A1731
950
#2F0E1F

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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