#CCA158

#CCA158

Color Values

HEX

#CCA158

RGB

204, 161, 88

HSL

37.8, 53.2%, 57.3%

HSV

37.8, 56.9%, 80.0%

CMYK

0.0%, 21.1%, 56.9%, 20.0%

OKLCH

0.7336 0.1045 79.2

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#CCA158

#5883CC

Analogous

#CC6758

#BDCC58

#CCA158

Triadic

#CCA158

#58CCA1

#A158CC

Split Complementary

#CCA158

#58BDCC

#6758CC

Tetradic

#CCA158

#58CC67

#5883CC

#CC58BD

Color Blindness Simulation

Original

#CCA158

Protanopia

#B9B96A

Deuteranopia

#BCBF6E

Tritanopia

#CA787B

Achromatopsia

#A5A5A5

CSS Usage

background-color: #CCA158;
color: #CCA158;
border-color: #CCA158;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE0C8
300
#E2CAA1
400
#D3AE6E
500
#C3913C
600
#9C7430
700
#7D5D26
800
#62491E
900
#483619
950
#2D2210

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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