#CB7218

#CB7218

Color Values

HEX

#CB7218

RGB

203, 114, 24

HSL

30.2, 78.9%, 44.5%

HSV

30.2, 88.2%, 79.6%

CMYK

0.0%, 43.8%, 88.2%, 20.4%

OKLCH

0.6391 0.1448 58.4

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#CB7218

#1871CB

Analogous

#CB1918

#CACB18

#CB7218

Triadic

#CB7218

#18CB72

#7218CB

Split Complementary

#CB7218

#18CACB

#1918CB

Tetradic

#CB7218

#18CB19

#1871CB

#CB18CA

Color Blindness Simulation

Original

#CB7218

Protanopia

#A4A42E

Deuteranopia

#AAB033

Tritanopia

#C73F43

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DBBF
300
#F2C292
400
#EBA156
500
#E4801B
600
#B66716
700
#925211
800
#72400D
900
#53310E
950
#341F09

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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