#AD7B99

#AD7B99

Color Values

HEX

#AD7B99

RGB

173, 123, 153

HSL

324.0, 23.4%, 58.0%

HSV

324.0, 28.9%, 67.8%

CMYK

0.0%, 28.9%, 11.6%, 32.2%

OKLCH

0.6423 0.0741 342.7

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AD7B99

#7BAD8F

Analogous

#A87BAD

#AD7B80

#AD7B99

Triadic

#AD7B99

#99AD7B

#7B99AD

Split Complementary

#AD7B99

#80AD7B

#7BADA8

Tetradic

#AD7B99

#ADA87B

#7BAD8F

#7B80AD

Color Blindness Simulation

Original

#AD7B99

Protanopia

#979792

Deuteranopia

#9A9E90

Tritanopia

#AA8C8B

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DD
300
#D0B3C5
400
#B78BA5
500
#9D6285
600
#7E4E6B
700
#653F55
800
#4F3143
900
#3B2632
950
#251820

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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