#89EB4E

#89EB4E

Color Values

HEX

#89EB4E

RGB

137, 235, 78

HSL

97.5, 79.7%, 61.4%

HSV

97.5, 66.8%, 92.2%

CMYK

41.7%, 0.0%, 66.8%, 7.8%

OKLCH

0.8491 0.2117 135.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#89EB4E

#B04EEB

Analogous

#D7EB4E

#4EEB62

#89EB4E

Triadic

#89EB4E

#4E89EB

#EB4E89

Split Complementary

#89EB4E

#624EEB

#EB4ED7

Tetradic

#89EB4E

#4ED7EB

#B04EEB

#EB624E

Color Blindness Simulation

Original

#89EB4E

Protanopia

#B3B474

Deuteranopia

#AEA67D

Tritanopia

#8E9299

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAF9E1
200
#D4F8BF
300
#B6F391
400
#8EEC55
500
#66E51A
600
#52B715
700
#419311
800
#33730D
900
#28530E
950
#193509

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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