#CC3344

#CC3344

Color Values

HEX

#CC3344

RGB

204, 51, 68

HSL

353.3, 60.0%, 50.0%

HSV

353.3, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 66.7%, 20.0%

OKLCH

0.5619 0.1885 20.0

Properties

Warm Dark Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#CC3344

#33CCBB

Analogous

#CC3391

#CC6E33

#CC3344

Triadic

#CC3344

#44CC33

#3344CC

Split Complementary

#CC3344

#33CC6E

#3391CC

Tetradic

#CC3344

#91CC33

#33CCBB

#6E33CC

Color Blindness Simulation

Original

#CC3344

Protanopia

#8A8840

Deuteranopia

#939E3F

Tritanopia

#C43D3C

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E6
200
#F1C6CB
300
#E79DA5
400
#D96875
500
#CC3344
600
#A32936
700
#83212C
800
#661A22
900
#4B161C
950
#2F0E12

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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