#C16818

#C16818

Color Values

HEX

#C16818

RGB

193, 104, 24

HSL

28.4, 77.9%, 42.5%

HSV

28.4, 87.6%, 75.7%

CMYK

0.0%, 46.1%, 87.6%, 24.3%

OKLCH

0.6086 0.1411 55.5

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C16818

#1871C1

Analogous

#C1181C

#C1BC18

#C16818

Triadic

#C16818

#18C168

#6818C1

Split Complementary

#C16818

#18C1BC

#181CC1

Tetradic

#C16818

#1CC118

#1871C1

#BC18C1

Color Blindness Simulation

Original

#C16818

Protanopia

#9A9A2B

Deuteranopia

#A0A630

Tritanopia

#BD3B3E

Achromatopsia

#757575

CSS Usage

background-color: #C16818;
color: #C16818;
border-color: #C16818;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DABF
300
#F1BF92
400
#EA9D57
500
#E37A1C
600
#B56217
700
#914E12
800
#713D0E
900
#522F0E
950
#341D09

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026