#898747

#898747

Color Values

HEX

#898747

RGB

137, 135, 71

HSL

58.2, 31.7%, 40.8%

HSV

58.2, 48.2%, 53.7%

CMYK

0.0%, 1.5%, 48.2%, 46.3%

OKLCH

0.6105 0.086 107.1

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#898747

#474989

Analogous

#896647

#6A8947

#898747

Triadic

#898747

#478987

#874789

Split Complementary

#898747

#476A89

#664789

Tetradic

#898747

#478966

#474989

#89476A

Color Blindness Simulation

Original

#898747

Protanopia

#888856

Deuteranopia

#88885A

Tritanopia

#896365

Achromatopsia

#838383

CSS Usage

background-color: #898747;
color: #898747;
border-color: #898747;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F5
100
#F2F2E8
200
#E7E6D0
300
#D5D4AE
400
#BFBD83
500
#A8A557
600
#868446
700
#6B6A38
800
#54532C
900
#3E3D23
950
#272716

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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