#CC4D00

#CC4D00

Color Values

HEX

#CC4D00

RGB

204, 77, 0

HSL

22.6, 100.0%, 40.0%

HSV

22.6, 100.0%, 80.0%

CMYK

0.0%, 62.3%, 100.0%, 20.0%

OKLCH

0.5842 0.1751 42.4

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CC4D00

#007FCC

Analogous

#CC0019

#CCB300

#CC4D00

Triadic

#CC4D00

#00CC4D

#4D00CC

Split Complementary

#CC4D00

#00CCB3

#0019CC

Tetradic

#CC4D00

#19CC00

#007FCC

#B300CC

Color Blindness Simulation

Original

#CC4D00

Protanopia

#959413

Deuteranopia

#9CA617

Tritanopia

#C62125

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCE9DE
200
#FFD2B8
300
#FFB385
400
#FF8942
500
#FF6000
600
#CC4D00
700
#A33D00
800
#803000
900
#5C2605
950
#3A1803

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass 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