#AD288F

#AD288F

Color Values

HEX

#AD288F

RGB

173, 40, 143

HSL

313.5, 62.4%, 41.8%

HSV

313.5, 76.9%, 67.8%

CMYK

0.0%, 76.9%, 17.3%, 32.2%

OKLCH

0.5248 0.1978 339.0

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#AD288F

#28AD46

Analogous

#8928AD

#AD284D

#AD288F

Triadic

#AD288F

#8FAD28

#288FAD

Split Complementary

#AD288F

#4DAD28

#28AD89

Tetradic

#AD288F

#AD8928

#28AD46

#284DAD

Color Blindness Simulation

Original

#AD288F

Protanopia

#737276

Deuteranopia

#7B8570

Tritanopia

#A6625E

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F7E4F2
200
#F2C5E8
300
#E89CD7
400
#DC66C1
500
#CF30AB
600
#A62689
700
#851F6E
800
#681856
900
#4C153F
950
#300D28

Contrast Checker

Text on white

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