#C522DD

#C522DD

Color Values

HEX

#C522DD

RGB

197, 34, 221

HSL

292.3, 73.3%, 50.0%

HSV

292.3, 84.6%, 86.7%

CMYK

10.9%, 84.6%, 0.0%, 13.3%

OKLCH

0.6031 0.2687 321.8

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#C522DD

#3ADD22

Analogous

#6822DD

#DD2297

#C522DD

Triadic

#C522DD

#DDC522

#22DDC5

Split Complementary

#C522DD

#97DD22

#22DD68

Tetradic

#C522DD

#DD6822

#3ADD22

#2297DD

Color Blindness Simulation

Original

#C522DD

Protanopia

#7E7DB0

Deuteranopia

#8894A5

Tritanopia

#BD8C84

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F5E2F8
200
#EFC1F5
300
#E395EF
400
#D45BE6
500
#C522DD
600
#9E1BB1
700
#7E168D
800
#62116E
900
#481050
950
#2E0A33

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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