#CC8C33

#CC8C33

Color Values

HEX

#CC8C33

RGB

204, 140, 51

HSL

34.9, 60.0%, 50.0%

HSV

34.9, 75.0%, 80.0%

CMYK

0.0%, 31.4%, 75.0%, 20.0%

OKLCH

0.6889 0.1278 71.1

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CC8C33

#3373CC

Analogous

#CC3F33

#C0CC33

#CC8C33

Triadic

#CC8C33

#33CC8C

#8C33CC

Split Complementary

#CC8C33

#33C0CC

#3F33CC

Tetradic

#CC8C33

#33CC3F

#3373CC

#CC33C0

Color Blindness Simulation

Original

#CC8C33

Protanopia

#B0B049

Deuteranopia

#B4B94E

Tritanopia

#C95A5D

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1DFC6
300
#E7C89D
400
#D9AA68
500
#CC8C33
600
#A37029
700
#835A21
800
#66461A
900
#4B3516
950
#2F210E

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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