#CCB586

#CCB586

Color Values

HEX

#CCB586

RGB

204, 181, 134

HSL

40.3, 40.7%, 66.3%

HSV

40.3, 34.3%, 80.0%

CMYK

0.0%, 11.3%, 34.3%, 20.0%

OKLCH

0.7814 0.0678 84.8

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#CCB586

#869DCC

Analogous

#CC9286

#C0CC86

#CCB586

Triadic

#CCB586

#86CCB5

#B586CC

Split Complementary

#CCB586

#86C0CC

#9286CC

Tetradic

#CCB586

#86CC92

#869DCC

#CC86C0

Color Blindness Simulation

Original

#CCB586

Protanopia

#C2C291

Deuteranopia

#C3C594

Tritanopia

#CB9A9C

Achromatopsia

#B6B6B6

CSS Usage

background-color: #CCB586;
color: #CCB586;
border-color: #CCB586;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EAE0CD
300
#DBCAA9
400
#C7AE7A
500
#B3914C
600
#90743C
700
#735D30
800
#5A4926
900
#42371F
950
#2A2213

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026