#89B969

#89B969

Color Values

HEX

#89B969

RGB

137, 185, 105

HSL

96.0, 36.4%, 56.9%

HSV

96.0, 43.2%, 72.5%

CMYK

25.9%, 0.0%, 43.2%, 27.5%

OKLCH

0.7326 0.1202 133.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#89B969

#9969B9

Analogous

#B1B969

#69B971

#89B969

Triadic

#89B969

#6989B9

#B96989

Split Complementary

#89B969

#7169B9

#B969B1

Tetradic

#89B969

#69B1B9

#9969B9

#B97169

Color Blindness Simulation

Original

#89B969

Protanopia

#9E9E7C

Deuteranopia

#9B9781

Tritanopia

#8B8C8F

Achromatopsia

#A9A9A9

CSS Usage

background-color: #89B969;
color: #89B969;
border-color: #89B969;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF5
100
#ECF3E8
200
#D9E8CE
300
#BDD8AC
400
#9AC37E
500
#76AE51
600
#5F8B41
700
#4C6F34
800
#3B5729
900
#2D4021
950
#1D2915

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026