#AD4884

#AD4884

Color Values

HEX

#AD4884

RGB

173, 72, 132

HSL

324.4, 41.2%, 48.0%

HSV

324.4, 58.4%, 67.8%

CMYK

0.0%, 58.4%, 23.7%, 32.2%

OKLCH

0.553 0.1486 346.4

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AD4884

#48AD71

Analogous

#A348AD

#AD4851

#AD4884

Triadic

#AD4884

#84AD48

#4884AD

Split Complementary

#AD4884

#51AD48

#48ADA3

Tetradic

#AD4884

#ADA348

#48AD71

#4851AD

Color Blindness Simulation

Original

#AD4884

Protanopia

#818075

Deuteranopia

#878F72

Tritanopia

#A86A68

Achromatopsia

#626262

CSS Usage

background-color: #AD4884;
color: #AD4884;
border-color: #AD4884;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDE
300
#DBA9C7
400
#C87AA8
500
#B44B89
600
#903C6E
700
#733058
800
#5A2545
900
#421E34
950
#2A1321

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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