#AD28A8

#AD28A8

Color Values

HEX

#AD28A8

RGB

173, 40, 168

HSL

302.3, 62.4%, 41.8%

HSV

302.3, 76.9%, 67.8%

CMYK

0.0%, 76.9%, 2.9%, 32.2%

OKLCH

0.5381 0.2154 329.8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AD28A8

#28AD2D

Analogous

#7028AD

#AD2865

#AD28A8

Triadic

#AD28A8

#A8AD28

#28A8AD

Split Complementary

#AD28A8

#65AD28

#28AD70

Tetradic

#AD28A8

#AD7028

#28AD2D

#2865AD

Color Blindness Simulation

Original

#AD28A8

Protanopia

#737289

Deuteranopia

#7B8582

Tritanopia

#A6716B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #AD28A8;
color: #AD28A8;
border-color: #AD28A8;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5F0
300
#E89CE5
400
#DC66D7
500
#CF30C9
600
#A626A1
700
#851F81
800
#681864
900
#4C154A
950
#300D2E

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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