#AD557D

#AD557D

Color Values

HEX

#AD557D

RGB

173, 85, 125

HSL

332.7, 34.9%, 50.6%

HSV

332.7, 50.9%, 67.8%

CMYK

0.0%, 50.9%, 27.7%, 32.2%

OKLCH

0.5686 0.1236 353.2

Properties

Warm Dark Nearest: hotpink 3

Color Harmonies

Complementary

#AD557D

#55AD85

Analogous

#AD55A9

#AD5955

#AD557D

Triadic

#AD557D

#7DAD55

#557DAD

Split Complementary

#AD557D

#55AD59

#55A9AD

Tetradic

#AD557D

#A9AD55

#55AD85

#5955AD

Color Blindness Simulation

Original

#AD557D

Protanopia

#878673

Deuteranopia

#8C9371

Tritanopia

#A96C6A

Achromatopsia

#6B6B6B

CSS Usage

background-color: #AD557D;
color: #AD557D;
border-color: #AD557D;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E8CFDA
300
#D7ACC0
400
#C2809E
500
#AC537B
600
#8A4263
700
#6E354F
800
#562A3E
900
#40212F
950
#28151E

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.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