#AD396F

#AD396F

Color Values

HEX

#AD396F

RGB

173, 57, 111

HSL

332,1, 50,4%, 45,1%

HSV

332,1, 67,1%, 67,8%

CMYK

0,0%, 67,1%, 35,8%, 32,2%

OKLCH

0,527 0,1594 355,3

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AD396F

#39AD77

Analogous

#AD39A9

#AD3D39

#AD396F

Triadic

#AD396F

#6FAD39

#396FAD

Split Complementary

#AD396F

#39AD3D

#39A9AD

Tetradic

#AD396F

#A9AD39

#39AD77

#3D39AD

Color Blindness Simulation

Original

#AD396F

Protanopia

#7B7A62

Deuteranopia

#828A5F

Tritanopia

#A75855

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDC9DA
300
#E1A3C0
400
#D0719D
500
#C03F7B
600
#993362
700
#7B284F
800
#60203E
900
#461A2F
950
#2C111E

Contrast Checker

Text on white

5,85:1

AA Pass AAA Fail

Text on black

3,59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026