#89BA58

#89BA58

Color Values

HEX

#89BA58

RGB

137, 186, 88

HSL

90.0, 41.5%, 53.7%

HSV

90.0, 52.7%, 72.9%

CMYK

26.3%, 0.0%, 52.7%, 27.1%

OKLCH

0.7325 0.1389 131.1

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#89BA58

#8958BA

Analogous

#BABA58

#58BA58

#89BA58

Triadic

#89BA58

#5889BA

#BA5889

Split Complementary

#89BA58

#5858BA

#BA58BA

Tetradic

#89BA58

#58BABA

#8958BA

#BA5858

Color Blindness Simulation

Original

#89BA58

Protanopia

#9E9F70

Deuteranopia

#9B9875

Tritanopia

#8B8287

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DBEACC
300
#C2DBA8
400
#A1C879
500
#80B44B
600
#66903C
700
#527330
800
#405A25
900
#30431E
950
#1F2A13

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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