#AD3660

#AD3660

Color Values

HEX

#AD3660

RGB

173, 54, 96

HSL

338.8, 52.4%, 44.5%

HSV

338.8, 68.8%, 67.8%

CMYK

0.0%, 68.8%, 44.5%, 32.2%

OKLCH

0.5188 0.1578 2.8

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AD3660

#36AD83

Analogous

#AD369B

#AD4736

#AD3660

Triadic

#AD3660

#60AD36

#3660AD

Split Complementary

#AD3660

#36AD47

#369BAD

Tetradic

#AD3660

#9BAD36

#36AD83

#4736AD

Color Blindness Simulation

Original

#AD3660

Protanopia

#797856

Deuteranopia

#808953

Tritanopia

#A74E4C

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EEC9D6
300
#E2A2B8
400
#D26F92
500
#C23D6C
600
#9B3156
700
#7C2745
800
#611E36
900
#471A2A
950
#2D101A

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

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