#AD718B

#AD718B

Color Values

HEX

#AD718B

RGB

173, 113, 139

HSL

334.0, 26.8%, 56.1%

HSV

334.0, 34.7%, 67.8%

CMYK

0.0%, 34.7%, 19.7%, 32.2%

OKLCH

0.6195 0.0829 352.2

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AD718B

#71AD93

Analogous

#AD71A9

#AD7571

#AD718B

Triadic

#AD718B

#8BAD71

#718BAD

Split Complementary

#AD718B

#71AD75

#71A9AD

Tetradic

#AD718B

#A9AD71

#71AD93

#7571AD

Color Blindness Simulation

Original

#AD718B

Protanopia

#939285

Deuteranopia

#969B83

Tritanopia

#AA807F

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D2DA
300
#D2B1C0
400
#BA879D
500
#A25D7B
600
#814B62
700
#673C4F
800
#512F3D
900
#3C252F
950
#26171E

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026