#AD0089

#AD0089

Color Values

HEX

#AD0089

RGB

173, 0, 137

HSL

312.5, 100.0%, 33.9%

HSV

312.5, 100.0%, 67.8%

CMYK

0.0%, 100.0%, 20.8%, 32.2%

OKLCH

0.504 0.2184 340.6

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#AD0089

#00AD24

Analogous

#7A00AD

#AD0032

#AD0089

Triadic

#AD0089

#89AD00

#0089AD

Split Complementary

#AD0089

#32AD00

#00AD7A

Tetradic

#AD0089

#AD7A00

#00AD24

#0032AD

Color Blindness Simulation

Original

#AD0089

Protanopia

#626168

Deuteranopia

#6C7960

Tritanopia

#A44E48

Achromatopsia

#2F2F2F

CSS Usage

background-color: #AD0089;
color: #AD0089;
border-color: #AD0089;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FFB8F0
300
#FF85E6
400
#FF42D8
500
#FF00CA
600
#CC00A2
700
#A30081
800
#800065
900
#5C054A
950
#3A032F

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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