#CB8C36

#CB8C36

Color Values

HEX

#CB8C36

RGB

203, 140, 54

HSL

34.6, 58.9%, 50.4%

HSV

34.6, 73.4%, 79.6%

CMYK

0.0%, 31.0%, 73.4%, 20.4%

OKLCH

0.688 0.1255 70.9

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CB8C36

#3675CB

Analogous

#CB4136

#C0CB36

#CB8C36

Triadic

#CB8C36

#36CB8C

#8C36CB

Split Complementary

#CB8C36

#36C0CB

#4136CB

Tetradic

#CB8C36

#36CB41

#3675CB

#CB36C0

Color Blindness Simulation

Original

#CB8C36

Protanopia

#B0AF4B

Deuteranopia

#B3B850

Tritanopia

#C85B5F

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE4
200
#F0DFC6
300
#E6C79E
400
#D8A969
500
#CB8B34
600
#A26F2A
700
#825922
800
#65461A
900
#4A3417
950
#2F210E

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026