#CC2E00

#CC2E00

Color Values

HEX

#CC2E00

RGB

204, 46, 0

HSL

13.5, 100.0%, 40.0%

HSV

13.5, 100.0%, 80.0%

CMYK

0.0%, 77.5%, 100.0%, 20.0%

OKLCH

0.5517 0.199 33.9

Properties

Warm Dark Nearest: orangered

Color Harmonies

Complementary

#CC2E00

#009ECC

Analogous

#CC0038

#CC9400

#CC2E00

Triadic

#CC2E00

#00CC2E

#2E00CC

Split Complementary

#CC2E00

#00CC94

#0038CC

Tetradic

#CC2E00

#38CC00

#009ECC

#9400CC

Color Blindness Simulation

Original

#CC2E00

Protanopia

#88860B

Deuteranopia

#919D0E

Tritanopia

#C41416

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC8B8
300
#FFA085
400
#FF6D42
500
#FF3900
600
#CC2E00
700
#A32500
800
#801D00
900
#5C1805
950
#3A0F03

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026