#CB7524

#CB7524

Color Values

HEX

#CB7524

RGB

203, 117, 36

HSL

29.1, 69.9%, 46.9%

HSV

29.1, 82.3%, 79.6%

CMYK

0.0%, 42.4%, 82.3%, 20.4%

OKLCH

0.6449 0.1397 58.3

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#CB7524

#247ACB

Analogous

#CB2427

#CBC924

#CB7524

Triadic

#CB7524

#24CB75

#7524CB

Split Complementary

#CB7524

#24CBC9

#2427CB

Tetradic

#CB7524

#27CB24

#247ACB

#C924CB

Color Blindness Simulation

Original

#CB7524

Protanopia

#A6A538

Deuteranopia

#ABB13C

Tritanopia

#C7474A

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC2
300
#EDC197
400
#E39F5F
500
#D97D26
600
#AD641F
700
#8B5019
800
#6C3E13
900
#4F3012
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

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