#AD3173

#AD3173

Color Values

HEX

#AD3173

RGB

173, 49, 115

HSL

328.1, 55.9%, 43.5%

HSV

328.1, 71.7%, 67.8%

CMYK

0.0%, 71.7%, 33.5%, 32.2%

OKLCH

0.5202 0.1714 352.1

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AD3173

#31AD6B

Analogous

#A931AD

#AD3135

#AD3173

Triadic

#AD3173

#73AD31

#3173AD

Split Complementary

#AD3173

#35AD31

#31ADA9

Tetradic

#AD3173

#ADA931

#31AD6B

#3135AD

Color Blindness Simulation

Original

#AD3173

Protanopia

#777663

Deuteranopia

#7E885F

Tritanopia

#A75654

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E5EE
200
#EFC7DD
300
#E4A0C4
400
#D56CA4
500
#C73884
600
#9F2D6A
700
#7F2454
800
#631C42
900
#491832
950
#2E0F20

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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