#C322DD

#C322DD

Color Values

HEX

#C322DD

RGB

195, 34, 221

HSL

291.7, 73.3%, 50.0%

HSV

291.7, 84.6%, 86.7%

CMYK

11.8%, 84.6%, 0.0%, 13.3%

OKLCH

0.6002 0.268 321.3

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#C322DD

#3CDD22

Analogous

#6622DD

#DD2299

#C322DD

Triadic

#C322DD

#DDC322

#22DDC3

Split Complementary

#C322DD

#99DD22

#22DD66

Tetradic

#C322DD

#DD6622

#3CDD22

#2299DD

Color Blindness Simulation

Original

#C322DD

Protanopia

#7D7CB0

Deuteranopia

#8793A5

Tritanopia

#BB8C84

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F5E2F8
200
#EEC1F5
300
#E295EF
400
#D35BE6
500
#C322DD
600
#9C1BB1
700
#7D168D
800
#62116E
900
#481050
950
#2D0A33

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026