#898447

#898447

Color Values

HEX

#898447

RGB

137, 132, 71

HSL

55.5, 31.7%, 40.8%

HSV

55.5, 48.2%, 53.7%

CMYK

0.0%, 3.6%, 48.2%, 46.3%

OKLCH

0.6037 0.0825 104.4

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#898447

#474C89

Analogous

#896347

#6D8947

#898447

Triadic

#898447

#478984

#844789

Split Complementary

#898447

#476D89

#634789

Tetradic

#898447

#478963

#474C89

#89476D

Color Blindness Simulation

Original

#898447

Protanopia

#878756

Deuteranopia

#878859

Tritanopia

#896164

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E7E5D0
300
#D5D2AE
400
#BFBA83
500
#A8A257
600
#868146
700
#6B6838
800
#54512C
900
#3E3C23
950
#272616

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.46:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026