#89D746

#89D746

Color Values

HEX

#89D746

RGB

137, 215, 70

HSL

92.3, 64.4%, 55.9%

HSV

92.3, 67.4%, 84.3%

CMYK

36.3%, 0.0%, 67.4%, 15.7%

OKLCH

0.8002 0.1923 133.5

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#89D746

#9446D7

Analogous

#D1D746

#46D74C

#89D746

Triadic

#89D746

#4689D7

#D74689

Split Complementary

#89D746

#4C46D7

#D746D1

Tetradic

#89D746

#46D1D7

#9446D7

#D74C46

Color Blindness Simulation

Original

#89D746

Protanopia

#ABAB69

Deuteranopia

#A6A072

Tritanopia

#8D858B

Achromatopsia

#BCBCBC

CSS Usage

background-color: #89D746;
color: #89D746;
border-color: #89D746;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#DAF2C4
300
#BFE99A
400
#9CDD64
500
#79D22D
600
#61A824
700
#4E861D
800
#3D6917
900
#2E4D14
950
#1D300D

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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