#CC22C1

#CC22C1

Color Values

HEX

#CC22C1

RGB

204, 34, 193

HSL

303.9, 71.4%, 46.7%

HSV

303.9, 83.3%, 80.0%

CMYK

0.0%, 83.3%, 5.4%, 20.0%

OKLCH

0.5966 0.2518 331.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC22C1

#22CC2D

Analogous

#8222CC

#CC226C

#CC22C1

Triadic

#CC22C1

#C1CC22

#22C1CC

Split Complementary

#CC22C1

#6CCC22

#22CC82

Tetradic

#CC22C1

#CC8222

#22CC2D

#226CCC

Color Blindness Simulation

Original

#CC22C1

Protanopia

#82819B

Deuteranopia

#8C9991

Tritanopia

#C37C75

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F7
200
#F5C2F1
300
#ED96E8
400
#E45DDB
500
#DB24CF
600
#AF1DA5
700
#8C1784
800
#6D1267
900
#50114C
950
#320B30

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026