#CC3347

#CC3347

Color Values

HEX

#CC3347

RGB

204, 51, 71

HSL

352.2, 60.0%, 50.0%

HSV

352.2, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 65.2%, 20.0%

OKLCH

0.5625 0.1884 18.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC3347

#33CCB8

Analogous

#CC3393

#CC6C33

#CC3347

Triadic

#CC3347

#47CC33

#3347CC

Split Complementary

#CC3347

#33CC6C

#3393CC

Tetradic

#CC3347

#93CC33

#33CCB8

#6C33CC

Color Blindness Simulation

Original

#CC3347

Protanopia

#8A8842

Deuteranopia

#939E41

Tritanopia

#C43E3E

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E6
200
#F1C6CB
300
#E79DA7
400
#D96877
500
#CC3347
600
#A32939
700
#83212D
800
#661A23
900
#4B161D
950
#2F0E12

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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