#898F48

#898F48

Color Values

HEX

#898F48

RGB

137, 143, 72

HSL

65.1, 33.0%, 42.2%

HSV

65.1, 49.7%, 56.1%

CMYK

4.2%, 0.0%, 49.7%, 43.9%

OKLCH

0.629 0.0949 113.1

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#898F48

#4E488F

Analogous

#8F7248

#668F48

#898F48

Triadic

#898F48

#48898F

#8F4889

Split Complementary

#898F48

#48668F

#72488F

Tetradic

#898F48

#488F72

#4E488F

#8F4866

Color Blindness Simulation

Original

#898F48

Protanopia

#8C8C59

Deuteranopia

#8B8B5D

Tritanopia

#89676A

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E8
200
#E5E7D0
300
#D3D6AE
400
#BAC082
500
#A2AA55
600
#828844
700
#686D37
800
#51552B
900
#3C3F22
950
#262816

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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