#CC3353

#CC3353

Color Values

HEX

#CC3353

RGB

204, 51, 83

HSL

347.5, 60.0%, 50.0%

HSV

347.5, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 59.3%, 20.0%

OKLCH

0.5649 0.1885 14.1

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CC3353

#33CCAC

Analogous

#CC339F

#CC6033

#CC3353

Triadic

#CC3353

#53CC33

#3353CC

Split Complementary

#CC3353

#33CC60

#339FCC

Tetradic

#CC3353

#9FCC33

#33CCAC

#6033CC

Color Blindness Simulation

Original

#CC3353

Protanopia

#8A884B

Deuteranopia

#939E49

Tritanopia

#C44544

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F6E4E8
200
#F1C6CF
300
#E79DAC
400
#D96880
500
#CC3353
600
#A32942
700
#832135
800
#661A29
900
#4B1621
950
#2F0E15

Contrast Checker

Text on white

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