#CC2500

#CC2500

Color Values

HEX

#CC2500

RGB

204, 37, 0

HSL

10.9, 100.0%, 40.0%

HSV

10.9, 100.0%, 80.0%

CMYK

0.0%, 81.9%, 100.0%, 20.0%

OKLCH

0.5452 0.2046 32.4

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CC2500

#00A7CC

Analogous

#CC0041

#CC8B00

#CC2500

Triadic

#CC2500

#00CC25

#2500CC

Split Complementary

#CC2500

#00CC8B

#0041CC

Tetradic

#CC2500

#41CC00

#00A7CC

#8B00CC

Color Blindness Simulation

Original

#CC2500

Protanopia

#848209

Deuteranopia

#8D9A0B

Tritanopia

#C41012

Achromatopsia

#464646

CSS Usage

background-color: #CC2500;
color: #CC2500;
border-color: #CC2500;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FFC5B8
300
#FF9B85
400
#FF6542
500
#FF2E00
600
#CC2500
700
#A31E00
800
#801700
900
#5C1505
950
#3A0D03

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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