#AD487D

#AD487D

Color Values

HEX

#AD487D

RGB

173, 72, 125

HSL

328.5, 41.2%, 48.0%

HSV

328.5, 58.4%, 67.8%

CMYK

0.0%, 58.4%, 27.7%, 32.2%

OKLCH

0.5503 0.1445 350.3

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AD487D

#48AD78

Analogous

#AA48AD

#AD484A

#AD487D

Triadic

#AD487D

#7DAD48

#487DAD

Split Complementary

#AD487D

#4AAD48

#48ADAA

Tetradic

#AD487D

#ADAA48

#48AD78

#484AAD

Color Blindness Simulation

Original

#AD487D

Protanopia

#818070

Deuteranopia

#878F6D

Tritanopia

#A86664

Achromatopsia

#616161

CSS Usage

background-color: #AD487D;
color: #AD487D;
border-color: #AD487D;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#EACDDC
300
#DBA9C3
400
#C87AA3
500
#B44B82
600
#903C68
700
#733053
800
#5A2541
900
#421E31
950
#2A131F

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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