#CC5984

#CC5984

Color Values

HEX

#CC5984

RGB

204, 89, 132

HSL

337.6, 53.0%, 57.5%

HSV

337.6, 56.4%, 80.0%

CMYK

0.0%, 56.4%, 35.3%, 20.0%

OKLCH

0.6202 0.152 359.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CC5984

#59CCA1

Analogous

#CC59BE

#CC6859

#CC5984

Triadic

#CC5984

#84CC59

#5984CC

Split Complementary

#CC5984

#59CC68

#59BECC

Tetradic

#CC5984

#BECC59

#59CCA1

#6859CC

Color Blindness Simulation

Original

#CC5984

Protanopia

#9A997A

Deuteranopia

#A1A977

Tritanopia

#C67170

Achromatopsia

#757575

CSS Usage

background-color: #CC5984;
color: #CC5984;
border-color: #CC5984;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EEC8D7
300
#E2A1BA
400
#D36F94
500
#C33C6E
600
#9C3058
700
#7D2647
800
#621E37
900
#48192B
950
#2D101B

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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