#CC0057

#CC0057

Color Values

HEX

#CC0057

RGB

204, 0, 87

HSL

334.4, 100.0%, 40.0%

HSV

334.4, 100.0%, 80.0%

CMYK

0.0%, 100.0%, 57.4%, 20.0%

OKLCH

0.5416 0.2169 7.9

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#CC0057

#00CC75

Analogous

#CC00BD

#CC0F00

#CC0057

Triadic

#CC0057

#57CC00

#0057CC

Split Complementary

#CC0057

#00CC0F

#00BDCC

Tetradic

#CC0057

#BDCC00

#00CC75

#0F00CC

Color Blindness Simulation

Original

#CC0057

Protanopia

#747242

Deuteranopia

#808F3D

Tritanopia

#C2312E

Achromatopsia

#323232

CSS Usage

background-color: #CC0057;
color: #CC0057;
border-color: #CC0057;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FEF1F6
100
#FCDEEB
200
#FFB8D6
300
#FF85B9
400
#FF4293
500
#FF006D
600
#CC0057
700
#A30046
800
#800036
900
#5C052A
950
#3A031B

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.71:1

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