#9C7108

#9C7108

Color Values

HEX

#9C7108

RGB

156, 113, 8

HSL

42.6, 90.2%, 32.2%

HSV

42.6, 94.9%, 61.2%

CMYK

0.0%, 27.6%, 94.9%, 38.8%

OKLCH

0.5771 0.1169 81.5

Properties

Warm Light Nearest: darkgoldenrod 4

Color Harmonies

Complementary

#9C7108

#08339C

Analogous

#9C2708

#7D9C08

#9C7108

Triadic

#9C7108

#089C71

#71089C

Split Complementary

#9C7108

#087D9C

#27089C

Tetradic

#9C7108

#089C27

#08339C

#9C087D

Color Blindness Simulation

Original

#9C7108

Protanopia

#898921

Deuteranopia

#8C8F28

Tritanopia

#9A353A

Achromatopsia

#737373

CSS Usage

background-color: #9C7108;
color: #9C7108;
border-color: #9C7108;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FCE9BB
300
#F9D98B
400
#F6C44C
500
#F3B00C
600
#C28D0A
700
#9B7108
800
#795806
900
#584109
950
#372906

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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