#9F7331

#9F7331

Color Values

HEX

#9F7331

RGB

159, 115, 49

HSL

36.0, 52.9%, 40.8%

HSV

36.0, 69.2%, 62.4%

CMYK

0.0%, 27.7%, 69.2%, 37.6%

OKLCH

0.5873 0.0992 74.5

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#9F7331

#315D9F

Analogous

#9F3C31

#949F31

#9F7331

Triadic

#9F7331

#319F73

#73319F

Split Complementary

#9F7331

#31949F

#3C319F

Tetradic

#9F7331

#319F3C

#315D9F

#9F3194

Color Blindness Simulation

Original

#9F7331

Protanopia

#8C8C41

Deuteranopia

#8E9245

Tritanopia

#9D4E50

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEDFC8
300
#E2C8A1
400
#D3AB6F
500
#C38D3C
600
#9C7130
700
#7D5A26
800
#61461E
900
#483519
950
#2D2210

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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