#AD336F

#AD336F

Color Values

HEX

#AD336F

RGB

173, 51, 111

HSL

330.5, 54.5%, 43.9%

HSV

330.5, 70.5%, 67.8%

CMYK

0.0%, 70.5%, 35.8%, 32.2%

OKLCH

0.5207 0.1671 354.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD336F

#33AD71

Analogous

#AD33AC

#AD3433

#AD336F

Triadic

#AD336F

#6FAD33

#336FAD

Split Complementary

#AD336F

#33AD34

#33ACAD

Tetradic

#AD336F

#ACAD33

#33AD71

#3433AD

Color Blindness Simulation

Original

#AD336F

Protanopia

#787760

Deuteranopia

#7F885D

Tritanopia

#A75552

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DB
300
#E3A0C1
400
#D46DA0
500
#C53A7E
600
#9E2E65
700
#7E2551
800
#621D3F
900
#481930
950
#2E101E

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

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