#CC4588

#CC4588

Color Values

HEX

#CC4588

RGB

204, 69, 136

HSL

330.2, 57.0%, 53.5%

HSV

330.2, 66.2%, 80.0%

CMYK

0.0%, 66.2%, 33.3%, 20.0%

OKLCH

0.5975 0.1818 353.4

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#CC4588

#45CC89

Analogous

#CC45CC

#CC4545

#CC4588

Triadic

#CC4588

#88CC45

#4588CC

Split Complementary

#CC4588

#45CC45

#45CCCC

Tetradic

#CC4588

#CCCC45

#45CC89

#4545CC

Color Blindness Simulation

Original

#CC4588

Protanopia

#929078

Deuteranopia

#99A374

Tritanopia

#C56B68

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#F0C7DB
300
#E59FC2
400
#D66BA0
500
#C8377F
600
#A02C66
700
#802351
800
#641B40
900
#491830
950
#2E0F1E

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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