#AE22DD

#AE22DD

Color Values

HEX

#AE22DD

RGB

174, 34, 221

HSL

284.9, 73.3%, 50.0%

HSV

284.9, 84.6%, 86.7%

CMYK

21.3%, 84.6%, 0.0%, 13.3%

OKLCH

0.5705 0.2612 315.0

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AE22DD

#51DD22

Analogous

#5022DD

#DD22AF

#AE22DD

Triadic

#AE22DD

#DDAE22

#22DDAE

Split Complementary

#AE22DD

#AFDD22

#22DD50

Tetradic

#AE22DD

#DD5022

#51DD22

#22AFDD

Color Blindness Simulation

Original

#AE22DD

Protanopia

#7170B0

Deuteranopia

#7A84A5

Tritanopia

#A78C84

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F3E2F8
200
#E8C1F5
300
#D895EF
400
#C35BE6
500
#AE22DD
600
#8B1BB1
700
#6F168D
800
#57116E
900
#401050
950
#290A33

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

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