#898022

#898022

Color Values

HEX

#898022

RGB

137, 128, 34

HSL

54.8, 60.2%, 33.5%

HSV

54.8, 75.2%, 53.7%

CMYK

0.0%, 6.6%, 75.2%, 46.3%

OKLCH

0.5905 0.1115 103.7

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#898022

#222B89

Analogous

#894D22

#5E8922

#898022

Triadic

#898022

#228980

#802289

Split Complementary

#898022

#225E89

#4D2289

Tetradic

#898022

#22894D

#222B89

#89225E

Color Blindness Simulation

Original

#898022

Protanopia

#858539

Deuteranopia

#86863E

Tritanopia

#894B4F

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F5E4
200
#F1EDC6
300
#E7E09D
400
#D9D068
500
#CCBF33
600
#A39929
700
#837A20
800
#665F19
900
#4B4616
950
#2F2C0E

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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