#AD2A5F

#AD2A5F

Color Values

HEX

#AD2A5F

RGB

173, 42, 95

HSL

335.7, 60.9%, 42.2%

HSV

335.7, 75.7%, 67.8%

CMYK

0.0%, 75.7%, 45.1%, 32.2%

OKLCH

0.5068 0.1713 1.2

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD2A5F

#2AAD78

Analogous

#AD2AA1

#AD372A

#AD2A5F

Triadic

#AD2A5F

#5FAD2A

#2A5FAD

Split Complementary

#AD2A5F

#2AAD37

#2AA1AD

Tetradic

#AD2A5F

#A1AD2A

#2AAD78

#372AAD

Color Blindness Simulation

Original

#AD2A5F

Protanopia

#747352

Deuteranopia

#7C864F

Tritanopia

#A64846

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4EB
200
#F1C6D7
300
#E79DBB
400
#DA6796
500
#CD3271
600
#A4285A
700
#832048
800
#671938
900
#4B162B
950
#2F0E1B

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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