#898302

#898302

Color Values

HEX

#898302

RGB

137, 131, 2

HSL

57.3, 97.1%, 27.3%

HSV

57.3, 98.5%, 53.7%

CMYK

0.0%, 4.4%, 98.5%, 46.3%

OKLCH

0.5961 0.1269 106.4

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#898302

#020889

Analogous

#894002

#4C8902

#898302

Triadic

#898302

#028983

#830289

Split Complementary

#898302

#024C89

#400289

Tetradic

#898302

#028940

#020889

#89024C

Color Blindness Simulation

Original

#898302

Protanopia

#868621

Deuteranopia

#878729

Tritanopia

#893A3F

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFBB9
300
#FDF886
400
#FCF445
500
#FBF004
600
#C9C003
700
#A19A02
800
#7E7802
900
#5B5706
950
#393704

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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