#9F786F

#9F786F

Color Values

HEX

#9F786F

RGB

159, 120, 111

HSL

11.2, 20.0%, 52.9%

HSV

11.2, 30.2%, 62.4%

CMYK

0.0%, 24.5%, 30.2%, 37.6%

OKLCH

0.6085 0.0511 33.3

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#9F786F

#6F969F

Analogous

#9F6F7E

#9F906F

#9F786F

Triadic

#9F786F

#6F9F78

#786F9F

Split Complementary

#9F786F

#6F9F90

#6F7E9F

Tetradic

#9F786F

#7E9F6F

#6F969F

#906F9F

Color Blindness Simulation

Original

#9F786F

Protanopia

#8E8E71

Deuteranopia

#909372

Tritanopia

#9D7373

Achromatopsia

#808080

CSS Usage

background-color: #9F786F;
color: #9F786F;
border-color: #9F786F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E2D7D4
300
#CEBAB6
400
#B4958E
500
#997066
600
#7A5952
700
#624741
800
#4D3833
900
#392B28
950
#241B19

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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