#997A76

#997A76

Color Values

HEX

#997A76

RGB

153, 122, 118

HSL

6.9, 14.6%, 53.1%

HSV

6.9, 22.9%, 60.0%

CMYK

0.0%, 20.3%, 22.9%, 40.0%

OKLCH

0.608 0.0393 26.8

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#997A76

#769599

Analogous

#997683

#998B76

#997A76

Triadic

#997A76

#76997A

#7A7699

Split Complementary

#997A76

#76998B

#768399

Tetradic

#997A76

#839976

#769599

#8B7699

Color Blindness Simulation

Original

#997A76

Protanopia

#8C8B77

Deuteranopia

#8D9077

Tritanopia

#977878

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEBEB
200
#E1D7D6
300
#CBBBB9
400
#AE9693
500
#92716D
600
#755B57
700
#5E4846
800
#493936
900
#372C2A
950
#231C1B

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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