#AD22DD

#AD22DD

Color Values

HEX

#AD22DD

RGB

173, 34, 221

HSL

284.6, 73.3%, 50.0%

HSV

284.6, 84.6%, 86.7%

CMYK

21.7%, 84.6%, 0.0%, 13.3%

OKLCH

0.5691 0.2609 314.7

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AD22DD

#52DD22

Analogous

#5022DD

#DD22AF

#AD22DD

Triadic

#AD22DD

#DDAD22

#22DDAD

Split Complementary

#AD22DD

#AFDD22

#22DD50

Tetradic

#AD22DD

#DD5022

#52DD22

#22AFDD

Color Blindness Simulation

Original

#AD22DD

Protanopia

#7170B0

Deuteranopia

#7983A5

Tritanopia

#A68C84

Achromatopsia

#4D4D4D

CSS Usage

background-color: #AD22DD;
color: #AD22DD;
border-color: #AD22DD;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FC
100
#F3E2F8
200
#E8C1F5
300
#D895EF
400
#C25BE6
500
#AD22DD
600
#8A1BB1
700
#6F168D
800
#56116E
900
#401050
950
#280A33

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026