#CB7522

#CB7522

Color Values

HEX

#CB7522

RGB

203, 117, 34

HSL

29.5, 71.3%, 46.5%

HSV

29.5, 83.3%, 79.6%

CMYK

0.0%, 42.4%, 83.3%, 20.4%

OKLCH

0.6448 0.1404 58.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#CB7522

#2278CB

Analogous

#CB2223

#CBCA22

#CB7522

Triadic

#CB7522

#22CB75

#7522CB

Split Complementary

#CB7522

#22CBCA

#2223CB

Tetradic

#CB7522

#23CB22

#2278CB

#CA22CB

Color Blindness Simulation

Original

#CB7522

Protanopia

#A6A536

Deuteranopia

#ABB13B

Tritanopia

#C74649

Achromatopsia

#818181

CSS Usage

background-color: #CB7522;
color: #CB7522;
border-color: #CB7522;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DBC2
300
#EDC196
400
#E4A05D
500
#DA7E25
600
#AF651D
700
#8C5117
800
#6D3F12
900
#503011
950
#321E0B

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

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