#CC4300

#CC4300

Color Values

HEX

#CC4300

RGB

204, 67, 0

HSL

19.7, 100.0%, 40.0%

HSV

19.7, 100.0%, 80.0%

CMYK

0.0%, 67.2%, 100.0%, 20.0%

OKLCH

0.5722 0.1832 39.0

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CC4300

#0089CC

Analogous

#CC0023

#CCA900

#CC4300

Triadic

#CC4300

#00CC43

#4300CC

Split Complementary

#CC4300

#00CCA9

#0023CC

Tetradic

#CC4300

#23CC00

#0089CC

#A900CC

Color Blindness Simulation

Original

#CC4300

Protanopia

#918F10

Deuteranopia

#99A314

Tritanopia

#C51D20

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FFCFB8
300
#FFAD85
400
#FF8042
500
#FF5400
600
#CC4300
700
#A33600
800
#802A00
900
#5C2105
950
#3A1503

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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