#9F7342

#9F7342

Color Values

HEX

#9F7342

RGB

159, 115, 66

HSL

31.6, 41.3%, 44.1%

HSV

31.6, 58.5%, 62.4%

CMYK

0.0%, 27.7%, 58.5%, 37.6%

OKLCH

0.5894 0.0859 67.8

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#9F7342

#426E9F

Analogous

#9F4442

#9C9F42

#9F7342

Triadic

#9F7342

#429F73

#73429F

Split Complementary

#9F7342

#429C9F

#44429F

Tetradic

#9F7342

#429F44

#426E9F

#9F429C

Color Blindness Simulation

Original

#9F7342

Protanopia

#8C8C4E

Deuteranopia

#8E9251

Tritanopia

#9D5759

Achromatopsia

#797979

CSS Usage

background-color: #9F7342;
color: #9F7342;
border-color: #9F7342;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DBC3A9
400
#C8A37A
500
#B4824B
600
#90683C
700
#735330
800
#5A4125
900
#42311E
950
#2A1F13

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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