#C16312

#C16312

Color Values

HEX

#C16312

RGB

193, 99, 18

HSL

27.8, 82.9%, 41.4%

HSV

27.8, 90.7%, 75.7%

CMYK

0.0%, 48.7%, 90.7%, 24.3%

OKLCH

0.6 0.1455 53.4

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C16312

#1270C1

Analogous

#C11218

#C1BB12

#C16312

Triadic

#C16312

#12C163

#6312C1

Split Complementary

#C16312

#12C1BB

#1218C1

Tetradic

#C16312

#18C112

#1270C1

#BB12C1

Color Blindness Simulation

Original

#C16312

Protanopia

#989726

Deuteranopia

#9EA52A

Tritanopia

#BC3538

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F9D9BE
300
#F5BE8F
400
#EF9B52
500
#E97816
600
#BB6011
700
#954D0E
800
#753C0B
900
#552E0C
950
#351D08

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026