#CC8900

#CC8900

Color Values

HEX

#CC8900

RGB

204, 137, 0

HSL

40.3, 100.0%, 40.0%

HSV

40.3, 100.0%, 80.0%

CMYK

0.0%, 32.8%, 100.0%, 20.0%

OKLCH

0.681 0.144 74.5

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#CC8900

#0043CC

Analogous

#CC2300

#A9CC00

#CC8900

Triadic

#CC8900

#00CC89

#8900CC

Split Complementary

#CC8900

#00A9CC

#2300CC

Tetradic

#CC8900

#00CC23

#0043CC

#CC00A9

Color Blindness Simulation

Original

#CC8900

Protanopia

#AFAE21

Deuteranopia

#B3B829

Tritanopia

#C93B41

Achromatopsia

#8D8D8D

CSS Usage

background-color: #CC8900;
color: #CC8900;
border-color: #CC8900;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FEFAF1
100
#FCF2DE
200
#FFE8B8
300
#FFD785
400
#FFC142
500
#FFAB00
600
#CC8900
700
#A36E00
800
#805600
900
#5C3F05
950
#3A2803

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.15:1

AA Pass AAA Pass

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