#897F63

#897F63

Color Values

HEX

#897F63

RGB

137, 127, 99

HSL

44.2, 16.1%, 46.3%

HSV

44.2, 27.7%, 53.7%

CMYK

0.0%, 7.3%, 27.7%, 46.3%

OKLCH

0.5979 0.0422 90.7

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#897F63

#636D89

Analogous

#896C63

#808963

#897F63

Triadic

#897F63

#63897F

#7F6389

Split Complementary

#897F63

#638089

#6C6389

Tetradic

#897F63

#63896C

#636D89

#896380

Color Blindness Simulation

Original

#897F63

Protanopia

#85856A

Deuteranopia

#85866B

Tritanopia

#886F70

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DED6
300
#CCC6B8
400
#B0A891
500
#94896B
600
#766E56
700
#5F5844
800
#4A4535
900
#373429
950
#23211A

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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