#9A8975

#9A8975

Color Values

HEX

#9A8975

RGB

154, 137, 117

HSL

32.4, 15.5%, 53.1%

HSV

32.4, 24.0%, 60.4%

CMYK

0.0%, 11.0%, 24.0%, 39.6%

OKLCH

0.6398 0.0354 71.6

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#9A8975

#75869A

Analogous

#9A7675

#989A75

#9A8975

Triadic

#9A8975

#759A89

#89759A

Split Complementary

#9A8975

#75989A

#76759A

Tetradic

#9A8975

#759A76

#75869A

#9A7598

Color Blindness Simulation

Original

#9A8975

Protanopia

#93927A

Deuteranopia

#94957B

Tritanopia

#997E7E

Achromatopsia

#8B8B8B

CSS Usage

background-color: #9A8975;
color: #9A8975;
border-color: #9A8975;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DCD6
300
#CBC3B8
400
#AFA292
500
#93816C
600
#766756
700
#5E5345
800
#4A4136
900
#37312A
950
#231F1A

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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