#898314

#898314

Color Values

HEX

#898314

RGB

137, 131, 20

HSL

56.9, 74.5%, 30.8%

HSV

56.9, 85.4%, 53.7%

CMYK

0.0%, 4.4%, 85.4%, 46.3%

OKLCH

0.5966 0.1216 106.2

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#898314

#141A89

Analogous

#894814

#558914

#898314

Triadic

#898314

#148983

#831489

Split Complementary

#898314

#145589

#481489

Tetradic

#898314

#148948

#141A89

#891455

Color Blindness Simulation

Original

#898314

Protanopia

#86862F

Deuteranopia

#878735

Tritanopia

#894449

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F6F3C1
300
#EFEB94
400
#E7E05A
500
#DED521
600
#B2AA1A
700
#8E8815
800
#6F6A10
900
#514E10
950
#33310A

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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