#CC3A33

#CC3A33

Color Values

HEX

#CC3A33

RGB

204, 58, 51

HSL

2.7, 60.0%, 50.0%

HSV

2.7, 75.0%, 80.0%

CMYK

0.0%, 71.6%, 75.0%, 20.0%

OKLCH

0.5659 0.1841 27.5

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CC3A33

#33C5CC

Analogous

#CC3379

#CC8633

#CC3A33

Triadic

#CC3A33

#33CC3A

#3A33CC

Split Complementary

#CC3A33

#33CC86

#3379CC

Tetradic

#CC3A33

#79CC33

#33C5CC

#8633CC

Color Blindness Simulation

Original

#CC3A33

Protanopia

#8D8C35

Deuteranopia

#95A035

Tritanopia

#C53636

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C6
300
#E7A09D
400
#D96D68
500
#CC3A33
600
#A32E29
700
#832521
800
#661D1A
900
#4B1916
950
#2F100E

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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