#C96912

#C96912

Color Values

HEX

#C96912

RGB

201, 105, 18

HSL

28.5, 83.6%, 42.9%

HSV

28.5, 91.0%, 78.8%

CMYK

0.0%, 47.8%, 91.0%, 21.2%

OKLCH

0.6211 0.1492 54.4

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#C96912

#1272C9

Analogous

#C91217

#C9C412

#C96912

Triadic

#C96912

#12C969

#6912C9

Split Complementary

#C96912

#12C9C4

#1217C9

Tetradic

#C96912

#17C912

#1272C9

#C412C9

Color Blindness Simulation

Original

#C96912

Protanopia

#9F9F27

Deuteranopia

#A5AC2C

Tritanopia

#C4383B

Achromatopsia

#777777

CSS Usage

background-color: #C96912;
color: #C96912;
border-color: #C96912;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#F9DABD
300
#F5BF8F
400
#F09D52
500
#EA7A15
600
#BB6211
700
#964E0D
800
#753D0A
900
#552F0C
950
#361D08

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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