#CC8B33

#CC8B33

Color Values

HEX

#CC8B33

RGB

204, 139, 51

HSL

34.5, 60.0%, 50.0%

HSV

34.5, 75.0%, 80.0%

CMYK

0.0%, 31.9%, 75.0%, 20.0%

OKLCH

0.687 0.1279 70.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CC8B33

#3374CC

Analogous

#CC3E33

#C1CC33

#CC8B33

Triadic

#CC8B33

#33CC8B

#8B33CC

Split Complementary

#CC8B33

#33C1CC

#3E33CC

Tetradic

#CC8B33

#33CC3E

#3374CC

#CC33C1

Color Blindness Simulation

Original

#CC8B33

Protanopia

#B0AF48

Deuteranopia

#B4B84D

Tritanopia

#C9595D

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1DFC6
300
#E7C79D
400
#D9A968
500
#CC8B33
600
#A36F29
700
#835921
800
#66451A
900
#4B3416
950
#2F210E

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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