#997F63

#997F63

Color Values

HEX

#997F63

RGB

153, 127, 99

HSL

31.1, 21.4%, 49.4%

HSV

31.1, 35.3%, 60.0%

CMYK

0.0%, 17.0%, 35.3%, 40.0%

OKLCH

0.6136 0.0513 68.7

Properties

Warm Light Nearest: navajowhite 4

Color Harmonies

Complementary

#997F63

#637D99

Analogous

#996463

#989963

#997F63

Triadic

#997F63

#63997F

#7F6399

Split Complementary

#997F63

#639899

#646399

Tetradic

#997F63

#639964

#637D99

#996398

Color Blindness Simulation

Original

#997F63

Protanopia

#8E8E6A

Deuteranopia

#8F916B

Tritanopia

#986F70

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E3DCD4
300
#CFC2B5
400
#B5A18C
500
#9B8164
600
#7C6750
700
#635240
800
#4D4032
900
#3A3127
950
#241F19

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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