#89F250

#89F250

Color Values

HEX

#89F250

RGB

137, 242, 80

HSL

98.9, 86.2%, 63.1%

HSV

98.9, 66.9%, 94.9%

CMYK

43.4%, 0.0%, 66.9%, 5.1%

OKLCH

0.8661 0.2189 136.6

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#89F250

#B950F2

Analogous

#DAF250

#50F268

#89F250

Triadic

#89F250

#5089F2

#F25089

Split Complementary

#89F250

#6850F2

#F250DA

Tetradic

#89F250

#50DAF2

#B950F2

#F26850

Color Blindness Simulation

Original

#89F250

Protanopia

#B6B777

Deuteranopia

#B0A881

Tritanopia

#8E969D

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#E9FAE0
200
#D2FABD
300
#B2F78D
400
#89F24F
500
#5FED12
600
#4CBE0E
700
#3D980B
800
#2F7709
900
#25560B
950
#183607

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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