#997F78

#997F78

Color Values

HEX

#997F78

RGB

153, 127, 120

HSL

12.7, 13.9%, 53.5%

HSV

12.7, 21.6%, 60.0%

CMYK

0.0%, 17.0%, 21.6%, 40.0%

OKLCH

0.6188 0.0339 35.5

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#997F78

#789299

Analogous

#997881

#998F78

#997F78

Triadic

#997F78

#78997F

#7F7899

Split Complementary

#997F78

#78998F

#788199

Tetradic

#997F78

#819978

#789299

#8F7899

Color Blindness Simulation

Original

#997F78

Protanopia

#8E8E7A

Deuteranopia

#8F917A

Tritanopia

#987B7B

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E0D8D6
300
#CABDB9
400
#AE9994
500
#91756E
600
#745E58
700
#5D4B46
800
#493B37
900
#372D2A
950
#221C1B

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026