#89D645

#89D645

Color Values

HEX

#89D645

RGB

137, 214, 69

HSL

91.9, 63.9%, 55.5%

HSV

91.9, 67.8%, 83.9%

CMYK

36.0%, 0.0%, 67.8%, 16.1%

OKLCH

0.7977 0.1918 133.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#89D645

#9245D6

Analogous

#D1D645

#45D64A

#89D645

Triadic

#89D645

#4589D6

#D64589

Split Complementary

#89D645

#4A45D6

#D645D1

Tetradic

#89D645

#45D1D6

#9245D6

#D64A45

Color Blindness Simulation

Original

#89D645

Protanopia

#AAAB68

Deuteranopia

#A6A070

Tritanopia

#8D848A

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF2C4
300
#BFE99B
400
#9DDD64
500
#7AD12E
600
#62A725
700
#4E861D
800
#3D6817
900
#2F4C15
950
#1D300D

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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