#97796C

#97796C

Color Values

HEX

#97796C

RGB

151, 121, 108

HSL

18.1, 17.1%, 50.8%

HSV

18.1, 28.5%, 59.2%

CMYK

0.0%, 19.9%, 28.5%, 40.8%

OKLCH

0.6012 0.0424 44.7

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#97796C

#6C8A97

Analogous

#976C75

#978E6C

#97796C

Triadic

#97796C

#6C9779

#796C97

Split Complementary

#97796C

#6C978E

#6C7597

Tetradic

#97796C

#75976C

#6C8A97

#8E6C97

Color Blindness Simulation

Original

#97796C

Protanopia

#8A8A6F

Deuteranopia

#8C8E70

Tritanopia

#967272

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D9D5
300
#CCBEB7
400
#B19A91
500
#95776A
600
#775F55
700
#604C44
800
#4B3B35
900
#382D29
950
#231D1A

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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