#CC22C0

#CC22C0

Color Values

HEX

#CC22C0

RGB

204, 34, 192

HSL

304.2, 71.4%, 46.7%

HSV

304.2, 83.3%, 80.0%

CMYK

0.0%, 83.3%, 5.9%, 20.0%

OKLCH

0.596 0.2511 331.6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC22C0

#22CC2E

Analogous

#8322CC

#CC226B

#CC22C0

Triadic

#CC22C0

#C0CC22

#22C0CC

Split Complementary

#CC22C0

#6BCC22

#22CC83

Tetradic

#CC22C0

#CC8322

#22CC2E

#226BCC

Color Blindness Simulation

Original

#CC22C0

Protanopia

#82819A

Deuteranopia

#8C9991

Tritanopia

#C37C75

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C2F1
300
#ED96E7
400
#E45DDB
500
#DB24CE
600
#AF1DA5
700
#8C1784
800
#6D1267
900
#50114B
950
#320B30

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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