#CC3355

#CC3355

Color Values

HEX

#CC3355

RGB

204, 51, 85

HSL

346.7, 60.0%, 50.0%

HSV

346.7, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 58.3%, 20.0%

OKLCH

0.5653 0.1886 13.2

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC3355

#33CCAA

Analogous

#CC33A1

#CC5E33

#CC3355

Triadic

#CC3355

#55CC33

#3355CC

Split Complementary

#CC3355

#33CC5E

#33A1CC

Tetradic

#CC3355

#A1CC33

#33CCAA

#5E33CC

Color Blindness Simulation

Original

#CC3355

Protanopia

#8A884D

Deuteranopia

#939E4B

Tritanopia

#C44645

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F6E4E8
200
#F1C6CF
300
#E79DAD
400
#D96881
500
#CC3355
600
#A32944
700
#832136
800
#661A2A
900
#4B1622
950
#2F0E15

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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