#997F69

#997F69

Color Values

HEX

#997F69

RGB

153, 127, 105

HSL

27.5, 19.0%, 50.6%

HSV

27.5, 31.4%, 60.0%

CMYK

0.0%, 17.0%, 31.4%, 40.0%

OKLCH

0.6149 0.0453 62.1

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#997F69

#698399

Analogous

#99696B

#999769

#997F69

Triadic

#997F69

#69997F

#7F6999

Split Complementary

#997F69

#699997

#696B99

Tetradic

#997F69

#6B9969

#698399

#976999

Color Blindness Simulation

Original

#997F69

Protanopia

#8E8E6E

Deuteranopia

#8F9170

Tritanopia

#987373

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DBD5
300
#CDC1B6
400
#B39F8F
500
#987D67
600
#796453
700
#615042
800
#4C3F34
900
#393028
950
#241E19

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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