#AD6F89

#AD6F89

Color Values

HEX

#AD6F89

RGB

173, 111, 137

HSL

334.8, 27.4%, 55.7%

HSV

334.8, 35.8%, 67.8%

CMYK

0.0%, 35.8%, 20.8%, 32.2%

OKLCH

0.6153 0.0853 353.2

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AD6F89

#6FAD93

Analogous

#AD6FA8

#AD746F

#AD6F89

Triadic

#AD6F89

#89AD6F

#6F89AD

Split Complementary

#AD6F89

#6FAD74

#6FA8AD

Tetradic

#AD6F89

#A8AD6F

#6FAD93

#746FAD

Color Blindness Simulation

Original

#AD6F89

Protanopia

#929283

Deuteranopia

#969A81

Tritanopia

#AA7E7D

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2DA
300
#D3B1BF
400
#BB879D
500
#A25D7A
600
#824A62
700
#683B4E
800
#512E3D
900
#3C252F
950
#26171D

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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