#AD7A97

#AD7A97

Color Values

HEX

#AD7A97

RGB

173, 122, 151

HSL

325.9, 23.7%, 57.8%

HSV

325.9, 29.5%, 67.8%

CMYK

0.0%, 29.5%, 12.7%, 32.2%

OKLCH

0.6398 0.0744 344.3

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AD7A97

#7AAD90

Analogous

#A97AAD

#AD7A7D

#AD7A97

Triadic

#AD7A97

#97AD7A

#7A97AD

Split Complementary

#AD7A97

#7DAD7A

#7AADA9

Tetradic

#AD7A97

#ADA97A

#7AAD90

#7A7DAD

Color Blindness Simulation

Original

#AD7A97

Protanopia

#979690

Deuteranopia

#9A9E8E

Tritanopia

#AA8A89

Achromatopsia

#878787

CSS Usage

background-color: #AD7A97;
color: #AD7A97;
border-color: #AD7A97;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DC
300
#D0B3C4
400
#B78AA4
500
#9E6184
600
#7E4E69
700
#653E54
800
#4F3142
900
#3B2632
950
#25181F

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass 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