#97776F

#97776F

Color Values

HEX

#97776F

RGB

151, 119, 111

HSL

12.0, 16.1%, 51.4%

HSV

12.0, 26.5%, 59.2%

CMYK

0.0%, 21.2%, 26.5%, 40.8%

OKLCH

0.5979 0.0422 34.4

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#97776F

#6F8F97

Analogous

#976F7B

#978B6F

#97776F

Triadic

#97776F

#6F9777

#776F97

Split Complementary

#97776F

#6F978B

#6F7B97

Tetradic

#97776F

#7B976F

#6F8F97

#8B6F97

Color Blindness Simulation

Original

#97776F

Protanopia

#898971

Deuteranopia

#8B8D71

Tritanopia

#957273

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D8D6
300
#CCBCB8
400
#B09891
500
#94736B
600
#765C56
700
#5F4A44
800
#4A3A35
900
#372C29
950
#231C1A

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.18:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026