#CC3357

#CC3357

Color Values

HEX

#CC3357

RGB

204, 51, 87

HSL

345.9, 60.0%, 50.0%

HSV

345.9, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 57.4%, 20.0%

OKLCH

0.5658 0.1888 12.4

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC3357

#33CCA8

Analogous

#CC33A3

#CC5C33

#CC3357

Triadic

#CC3357

#57CC33

#3357CC

Split Complementary

#CC3357

#33CC5C

#33A3CC

Tetradic

#CC3357

#A3CC33

#33CCA8

#5C33CC

Color Blindness Simulation

Original

#CC3357

Protanopia

#8A884E

Deuteranopia

#939E4C

Tritanopia

#C44746

Achromatopsia

#565656

CSS Usage

background-color: #CC3357;
color: #CC3357;
border-color: #CC3357;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF3F5
100
#F6E4E8
200
#F1C6D0
300
#E79DAE
400
#D96883
500
#CC3357
600
#A32946
700
#832138
800
#661A2B
900
#4B1623
950
#2F0E16

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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