#AD406F

#AD406F

Color Values

HEX

#AD406F

RGB

173, 64, 111

HSL

334.1, 46.0%, 46.5%

HSV

334.1, 63.0%, 67.8%

CMYK

0.0%, 63.0%, 35.8%, 32.2%

OKLCH

0.5351 0.1497 356.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AD406F

#40AD7E

Analogous

#AD40A6

#AD4740

#AD406F

Triadic

#AD406F

#6FAD40

#406FAD

Split Complementary

#AD406F

#40AD47

#40A6AD

Tetradic

#AD406F

#A6AD40

#40AD7E

#4740AD

Color Blindness Simulation

Original

#AD406F

Protanopia

#7E7D64

Deuteranopia

#848C61

Tritanopia

#A85B59

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA6BE
400
#CC759B
500
#BA4577
600
#953760
700
#772C4C
800
#5D223C
900
#451C2E
950
#2B121D

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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