#AD0C60

#AD0C60

Color Values

HEX

#AD0C60

RGB

173, 12, 96

HSL

328.7, 87.0%, 36.3%

HSV

328.7, 93.1%, 67.8%

CMYK

0.0%, 93.1%, 44.5%, 32.2%

OKLCH

0.4897 0.1937 357.9

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD0C60

#0CAD59

Analogous

#AA0CAD

#AD0C10

#AD0C60

Triadic

#AD0C60

#60AD0C

#0C60AD

Split Complementary

#AD0C60

#10AD0C

#0CADAA

Tetradic

#AD0C60

#ADAA0C

#0CAD59

#0C10AD

Color Blindness Simulation

Original

#AD0C60

Protanopia

#67664C

Deuteranopia

#717D47

Tritanopia

#A53C38

Achromatopsia

#343434

CSS Usage

background-color: #AD0C60;
color: #AD0C60;
border-color: #AD0C60;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABCDD
300
#F78DC4
400
#F34FA4
500
#EE1184
600
#BF0D6A
700
#990B55
800
#770842
900
#560B32
950
#370720

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

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