#898D0F

#898D0F

Color Values

HEX

#898D0F

RGB

137, 141, 15

HSL

61.9, 80.8%, 30.6%

HSV

61.9, 89.4%, 55.3%

CMYK

2.8%, 0.0%, 89.4%, 44.7%

OKLCH

0.6196 0.1331 111.8

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#898D0F

#130F8D

Analogous

#8D520F

#4A8D0F

#898D0F

Triadic

#898D0F

#0F898D

#8D0F89

Split Complementary

#898D0F

#0F4A8D

#520F8D

Tetradic

#898D0F

#0F8D52

#130F8D

#8D0F4A

Color Blindness Simulation

Original

#898D0F

Protanopia

#8B8B2D

Deuteranopia

#8A8A35

Tritanopia

#89464B

Achromatopsia

#838383

CSS Usage

background-color: #898D0F;
color: #898D0F;
border-color: #898D0F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FCFDF2
100
#F9F9E1
200
#F6F8BE
300
#F0F390
400
#E8ED54
500
#E0E718
600
#B3B814
700
#8F9410
800
#70730C
900
#51540D
950
#333508

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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