#89C365

#89C365

Color Values

HEX

#89C365

RGB

137, 195, 101

HSL

97.0, 43.9%, 58.0%

HSV

97.0, 48.2%, 76.5%

CMYK

29.7%, 0.0%, 48.2%, 23.5%

OKLCH

0.7557 0.1392 134.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#89C365

#9F65C3

Analogous

#B8C365

#65C370

#89C365

Triadic

#89C365

#6589C3

#C36589

Split Complementary

#89C365

#7065C3

#C365B8

Tetradic

#89C365

#65B8C3

#9F65C3

#C37065

Color Blindness Simulation

Original

#89C365

Protanopia

#A2A37C

Deuteranopia

#9F9A81

Tritanopia

#8C8E92

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8EBCC
300
#BCDDA7
400
#97CA77
500
#72B748
600
#5C9339
700
#49752E
800
#395C24
900
#2C441D
950
#1C2B13

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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