#C46C17

#C46C17

Color Values

HEX

#C46C17

RGB

196, 108, 23

HSL

29.5, 79.0%, 42.9%

HSV

29.5, 88.3%, 76.9%

CMYK

0.0%, 44.9%, 88.3%, 23.1%

OKLCH

0.6194 0.1419 57.2

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C46C17

#176FC4

Analogous

#C41718

#C4C217

#C46C17

Triadic

#C46C17

#17C46C

#6C17C4

Split Complementary

#C46C17

#17C4C2

#1718C4

Tetradic

#C46C17

#18C417

#176FC4

#C217C4

Color Blindness Simulation

Original

#C46C17

Protanopia

#9E9D2C

Deuteranopia

#A3AA30

Tritanopia

#C03C3F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F8DBBF
300
#F2C191
400
#EB9F56
500
#E47E1B
600
#B76515
700
#925111
800
#723F0D
900
#53300E
950
#341E09

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.5:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026