#898656

#898656

Color Values

HEX

#898656

RGB

137, 134, 86

HSL

56.5, 22.9%, 43.7%

HSV

56.5, 37.2%, 53.7%

CMYK

0.0%, 2.2%, 37.2%, 46.3%

OKLCH

0.6108 0.067 105.1

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#898656

#565989

Analogous

#896C56

#728956

#898656

Triadic

#898656

#568986

#865689

Split Complementary

#898656

#567289

#6C5689

Tetradic

#898656

#56896C

#565989

#895672

Color Blindness Simulation

Original

#898656

Protanopia

#888862

Deuteranopia

#888864

Tritanopia

#896B6D

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F0EA
200
#E3E3D3
300
#D0CEB4
400
#B6B48B
500
#9D9962
600
#7D7B4F
700
#64623F
800
#4E4D31
900
#3A3926
950
#252418

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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