#CB731C

#CB731C

Color Values

HEX

#CB731C

RGB

203, 115, 28

HSL

29.8, 75.8%, 45.3%

HSV

29.8, 86.2%, 79.6%

CMYK

0.0%, 43.3%, 86.2%, 20.4%

OKLCH

0.641 0.1432 58.4

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#CB731C

#1C74CB

Analogous

#CB1C1D

#CBCA1C

#CB731C

Triadic

#CB731C

#1CCB73

#731CCB

Split Complementary

#CB731C

#1CCBCA

#1C1DCB

Tetradic

#CB731C

#1DCB1C

#1C74CB

#CA1CCB

Color Blindness Simulation

Original

#CB731C

Protanopia

#A5A431

Deuteranopia

#AAB136

Tritanopia

#C74245

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F6DBC0
300
#F0C193
400
#E8A059
500
#E07F1F
600
#B36519
700
#8F5114
800
#703F0F
900
#52300F
950
#331E0A

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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