#89ED2D

#89ED2D

Color Values

HEX

#89ED2D

RGB

137, 237, 45

HSL

91.3, 84.2%, 55.3%

HSV

91.3, 81.0%, 92.9%

CMYK

42.2%, 0.0%, 81.0%, 7.1%

OKLCH

0.8518 0.2316 134.2

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#89ED2D

#912DED

Analogous

#E9ED2D

#2DED31

#89ED2D

Triadic

#89ED2D

#2D89ED

#ED2D89

Split Complementary

#89ED2D

#312DED

#ED2DE9

Tetradic

#89ED2D

#2DE9ED

#912DED

#ED312D

Color Blindness Simulation

Original

#89ED2D

Protanopia

#B4B55B

Deuteranopia

#AEA767

Tritanopia

#8E8088

Achromatopsia

#CACACA

CSS Usage

background-color: #89ED2D;
color: #89ED2D;
border-color: #89ED2D;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DAF9BD
300
#C0F58E
400
#9DF051
500
#7BEB14
600
#62BC10
700
#4F960D
800
#3D750A
900
#2F550C
950
#1E3607

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.22:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026