#CC2225

#CC2225

Color Values

HEX

#CC2225

RGB

204, 34, 37

HSL

358.9, 71.4%, 46.7%

HSV

358.9, 83.3%, 80.0%

CMYK

0.0%, 83.3%, 81.9%, 20.0%

OKLCH

0.5453 0.2033 26.7

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#CC2225

#22CCC9

Analogous

#CC227A

#CC7422

#CC2225

Triadic

#CC2225

#25CC22

#2225CC

Split Complementary

#CC2225

#22CC74

#227ACC

Tetradic

#CC2225

#7ACC22

#22CCC9

#7422CC

Color Blindness Simulation

Original

#CC2225

Protanopia

#828124

Deuteranopia

#8C9924

Tritanopia

#C32424

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F5C2C3
300
#ED9698
400
#E45D60
500
#DB2428
600
#AF1D20
700
#8C1719
800
#6D1214
900
#501112
950
#320B0C

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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