#C16204

#C16204

Color Values

HEX

#C16204

RGB

193, 98, 4

HSL

29.8, 95.9%, 38.6%

HSV

29.8, 97.9%, 75.7%

CMYK

0.0%, 49.2%, 97.9%, 24.3%

OKLCH

0.598 0.1484 54.2

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C16204

#0463C1

Analogous

#C10405

#C1C004

#C16204

Triadic

#C16204

#04C162

#6204C1

Split Complementary

#C16204

#04C1C0

#0405C1

Tetradic

#C16204

#05C104

#0463C1

#C004C1

Color Blindness Simulation

Original

#C16204

Protanopia

#98971B

Deuteranopia

#9DA420

Tritanopia

#BC2D31

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FEDBB9
300
#FCC187
400
#FBA046
500
#FA7F05
600
#C86504
700
#A05103
800
#7D3F03
900
#5A3007
950
#391E04

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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