#C76106

#C76106

Color Values

HEX

#C76106

RGB

199, 97, 6

HSL

28.3, 94.1%, 40.2%

HSV

28.3, 97.0%, 78.0%

CMYK

0.0%, 51.3%, 97.0%, 22.0%

OKLCH

0.6051 0.1543 51.7

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C76106

#066CC7

Analogous

#C7060C

#C7C206

#C76106

Triadic

#C76106

#06C761

#6106C7

Split Complementary

#C76106

#06C7C2

#060CC7

Tetradic

#C76106

#0CC706

#066CC7

#C206C7

Color Blindness Simulation

Original

#C76106

Protanopia

#9B9A1C

Deuteranopia

#A1A821

Tritanopia

#C22D31

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD9BA
300
#FBBF88
400
#F99C48
500
#F77908
600
#C66106
700
#9E4D05
800
#7C3C04
900
#592E07
950
#391D05

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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