#97766D

#97766D

Color Values

HEX

#97766D

RGB

151, 118, 109

HSL

12.9, 16.8%, 51.0%

HSV

12.9, 27.8%, 59.2%

CMYK

0.0%, 21.9%, 27.8%, 40.8%

OKLCH

0.5953 0.0439 35.8

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#97766D

#6D8E97

Analogous

#976D79

#978B6D

#97766D

Triadic

#97766D

#6D9776

#766D97

Split Complementary

#97766D

#6D978B

#6D7997

Tetradic

#97766D

#79976D

#6D8E97

#8B6D97

Color Blindness Simulation

Original

#97766D

Protanopia

#89886F

Deuteranopia

#8B8D70

Tritanopia

#957171

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D8D5
300
#CCBCB8
400
#B19891
500
#95736A
600
#775C55
700
#5F4A44
800
#4A3A35
900
#382C29
950
#231C1A

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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