#989628

#989628

Color Values

HEX

#989628

RGB

152, 150, 40

HSL

58.9, 58.3%, 37.6%

HSV

58.9, 73.7%, 59.6%

CMYK

0.0%, 1.3%, 73.7%, 40.4%

OKLCH

0.6549 0.1271 108.4

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#989628

#282A98

Analogous

#985E28

#629828

#989628

Triadic

#989628

#289896

#962898

Split Complementary

#989628

#286298

#5E2898

Tetradic

#989628

#28985E

#282A98

#982862

Color Blindness Simulation

Original

#989628

Protanopia

#979743

Deuteranopia

#979749

Tritanopia

#98585C

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0EFC6
300
#E5E49E
400
#D8D66A
500
#CAC735
600
#A19F2B
700
#817F22
800
#65641B
900
#4A4917
950
#2F2E0F

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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