#CC3533

#CC3533

Color Values

HEX

#CC3533

RGB

204, 53, 51

HSL

0.8, 60.0%, 50.0%

HSV

0.8, 75.0%, 80.0%

CMYK

0.0%, 74.0%, 75.0%, 20.0%

OKLCH

0.5612 0.1883 26.3

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CC3533

#33CACC

Analogous

#CC337D

#CC8233

#CC3533

Triadic

#CC3533

#33CC35

#3533CC

Split Complementary

#CC3533

#33CC82

#337DCC

Tetradic

#CC3533

#7DCC33

#33CACC

#8233CC

Color Blindness Simulation

Original

#CC3533

Protanopia

#8B8933

Deuteranopia

#939F34

Tritanopia

#C43434

Achromatopsia

#555555

CSS Usage

background-color: #CC3533;
color: #CC3533;
border-color: #CC3533;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF4F3
100
#F6E4E4
200
#F1C6C6
300
#E79E9D
400
#D96A68
500
#CC3533
600
#A32A29
700
#832221
800
#661B1A
900
#4B1716
950
#2F0F0E

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