#CC22DD

#CC22DD

Color Values

HEX

#CC22DD

RGB

204, 34, 221

HSL

294.5, 73.3%, 50.0%

HSV

294.5, 84.6%, 86.7%

CMYK

7.7%, 84.6%, 0.0%, 13.3%

OKLCH

0.6133 0.2712 323.8

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#CC22DD

#33DD22

Analogous

#6E22DD

#DD2291

#CC22DD

Triadic

#CC22DD

#DDCC22

#22DDCC

Split Complementary

#CC22DD

#91DD22

#22DD6E

Tetradic

#CC22DD

#DD6E22

#33DD22

#2291DD

Color Blindness Simulation

Original

#CC22DD

Protanopia

#8281B0

Deuteranopia

#8C99A5

Tritanopia

#C38C84

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E2F8
200
#F1C1F5
300
#E695EF
400
#D95BE6
500
#CC22DD
600
#A31BB1
700
#82168D
800
#66116E
900
#4B1050
950
#2F0A33

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

4.84:1

AA Pass 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