#C16618

#C16618

Color Values

HEX

#C16618

RGB

193, 102, 24

HSL

27.7, 77.9%, 42.5%

HSV

27.7, 87.6%, 75.7%

CMYK

0.0%, 47.2%, 87.6%, 24.3%

OKLCH

0.6052 0.1423 54.3

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C16618

#1873C1

Analogous

#C1181E

#C1BA18

#C16618

Triadic

#C16618

#18C166

#6618C1

Split Complementary

#C16618

#18C1BA

#181EC1

Tetradic

#C16618

#1EC118

#1873C1

#BA18C1

Color Blindness Simulation

Original

#C16618

Protanopia

#9A992B

Deuteranopia

#9FA62F

Tritanopia

#BC3A3D

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE1
200
#F7D9BF
300
#F1BE92
400
#EA9B57
500
#E3781C
600
#B56017
700
#914D12
800
#713C0E
900
#522E0E
950
#341D09

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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