#CC7800

#CC7800

Color Values

HEX

#CC7800

RGB

204, 120, 0

HSL

35.3, 100.0%, 40.0%

HSV

35.3, 100.0%, 80.0%

CMYK

0.0%, 41.2%, 100.0%, 20.0%

OKLCH

0.6501 0.1474 63.7

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#CC7800

#0054CC

Analogous

#CC1200

#BACC00

#CC7800

Triadic

#CC7800

#00CC78

#7800CC

Split Complementary

#CC7800

#00BACC

#1200CC

Tetradic

#CC7800

#00CC12

#0054CC

#CC00BA

Color Blindness Simulation

Original

#CC7800

Protanopia

#A8A71D

Deuteranopia

#ACB324

Tritanopia

#C83439

Achromatopsia

#818181

CSS Usage

background-color: #CC7800;
color: #CC7800;
border-color: #CC7800;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FEF8F1
100
#FCF0DE
200
#FFE2B8
300
#FFCD85
400
#FFB142
500
#FF9600
600
#CC7800
700
#A36000
800
#804B00
900
#5C3805
950
#3A2303

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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