#CC3580

#CC3580

Color Values

HEX

#CC3580

RGB

204, 53, 128

HSL

330.2, 59.7%, 50.4%

HSV

330.2, 74.0%, 80.0%

CMYK

0.0%, 74.0%, 37.3%, 20.0%

OKLCH

0.5794 0.1973 355.0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CC3580

#35CC81

Analogous

#CC35CC

#CC3635

#CC3580

Triadic

#CC3580

#80CC35

#3580CC

Split Complementary

#CC3580

#35CC36

#35CCCC

Tetradic

#CC3580

#CCCC35

#35CC81

#3635CC

Color Blindness Simulation

Original

#CC3580

Protanopia

#8B896E

Deuteranopia

#939F6A

Tritanopia

#C4605C

Achromatopsia

#5B5B5B

CSS Usage

background-color: #CC3580;
color: #CC3580;
border-color: #CC3580;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DB
300
#E69DC2
400
#D968A0
500
#CC337F
600
#A32966
700
#822151
800
#661A3F
900
#4A1630
950
#2F0E1E

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.39:1

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