#89B353

#89B353

Color Values

HEX

#89B353

RGB

137, 179, 83

HSL

86.2, 38.7%, 51.4%

HSV

86.2, 53.6%, 70.2%

CMYK

23.5%, 0.0%, 53.6%, 29.8%

OKLCH

0.7151 0.1337 128.9

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#89B353

#7D53B3

Analogous

#B3AD53

#59B353

#89B353

Triadic

#89B353

#5389B3

#B35389

Split Complementary

#89B353

#5359B3

#AD53B3

Tetradic

#89B353

#53B3AD

#7D53B3

#B35359

Color Blindness Simulation

Original

#89B353

Protanopia

#9B9C6A

Deuteranopia

#999670

Tritanopia

#8B7D81

Achromatopsia

#A3A3A3

CSS Usage

background-color: #89B353;
color: #89B353;
border-color: #89B353;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CD
300
#C5D9AA
400
#A5C57C
500
#86B14E
600
#6B8D3F
700
#567132
800
#435827
900
#334120
950
#202914

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

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