#989D57

#989D57

Color Values

HEX

#989D57

RGB

152, 157, 87

HSL

64.3, 28.7%, 47.8%

HSV

64.3, 44.6%, 61.6%

CMYK

3.2%, 0.0%, 44.6%, 38.4%

OKLCH

0.6759 0.0933 112.2

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#989D57

#5C579D

Analogous

#9D7F57

#759D57

#989D57

Triadic

#989D57

#57989D

#9D5798

Split Complementary

#989D57

#57759D

#7F579D

Tetradic

#989D57

#579D7F

#5C579D

#9D5775

Color Blindness Simulation

Original

#989D57

Protanopia

#9A9A68

Deuteranopia

#9A9A6C

Tritanopia

#987578

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E4E6D1
300
#D1D3B0
400
#B8BC86
500
#9FA45B
600
#7F8349
700
#66693A
800
#4F522D
900
#3B3D24
950
#252717

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.3:1

AA Pass AAA Pass

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