#CB7C36

#CB7C36

Color Values

HEX

#CB7C36

RGB

203, 124, 54

HSL

28.2, 58.9%, 50.4%

HSV

28.2, 73.4%, 79.6%

CMYK

0.0%, 38.9%, 73.4%, 20.4%

OKLCH

0.6586 0.1289 58.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CB7C36

#3685CB

Analogous

#CB363A

#CBC736

#CB7C36

Triadic

#CB7C36

#36CB7C

#7C36CB

Split Complementary

#CB7C36

#36CBC7

#363ACB

Tetradic

#CB7C36

#3ACB36

#3685CB

#C736CB

Color Blindness Simulation

Original

#CB7C36

Protanopia

#A9A847

Deuteranopia

#ADB34B

Tritanopia

#C75457

Achromatopsia

#888888

CSS Usage

background-color: #CB7C36;
color: #CB7C36;
border-color: #CB7C36;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F4
100
#F6EDE4
200
#F0DAC6
300
#E6C09E
400
#D89D69
500
#CB7B34
600
#A2622A
700
#824F22
800
#653D1A
900
#4A2F17
950
#2F1E0E

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.48:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026