#C76714

#C76714

Color Values

HEX

#C76714

RGB

199, 103, 20

HSL

27.8, 81.7%, 42.9%

HSV

27.8, 89.9%, 78.0%

CMYK

0.0%, 48.2%, 89.9%, 22.0%

OKLCH

0.6151 0.1482 53.6

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C76714

#1474C7

Analogous

#C7141B

#C7C014

#C76714

Triadic

#C76714

#14C767

#6714C7

Split Complementary

#C76714

#14C7C0

#141BC7

Tetradic

#C76714

#1BC714

#1474C7

#C014C7

Color Blindness Simulation

Original

#C76714

Protanopia

#9D9D28

Deuteranopia

#A3AA2D

Tritanopia

#C2383B

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F8D9BE
300
#F4BE90
400
#EE9B54
500
#E87817
600
#B96013
700
#944D0F
800
#743C0C
900
#542E0D
950
#351D08

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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