#CC2C00

#CC2C00

Color Values

HEX

#CC2C00

RGB

204, 44, 0

HSL

12.9, 100.0%, 40.0%

HSV

12.9, 100.0%, 80.0%

CMYK

0.0%, 78.4%, 100.0%, 20.0%

OKLCH

0.5502 0.2003 33.5

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CC2C00

#00A0CC

Analogous

#CC003A

#CC9200

#CC2C00

Triadic

#CC2C00

#00CC2C

#2C00CC

Split Complementary

#CC2C00

#00CC92

#003ACC

Tetradic

#CC2C00

#3ACC00

#00A0CC

#9200CC

Color Blindness Simulation

Original

#CC2C00

Protanopia

#87850B

Deuteranopia

#909C0D

Tritanopia

#C41315

Achromatopsia

#4B4B4B

CSS Usage

background-color: #CC2C00;
color: #CC2C00;
border-color: #CC2C00;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC7B8
300
#FF9F85
400
#FF6B42
500
#FF3700
600
#CC2C00
700
#A32300
800
#801B00
900
#5C1805
950
#3A0F03

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026