#89F294

#89F294

Color Values

HEX

#89F294

RGB

137, 242, 148

HSL

126.3, 80.2%, 74.3%

HSV

126.3, 43.4%, 94.9%

CMYK

43.4%, 0.0%, 38.8%, 5.1%

OKLCH

0.8748 0.1615 146.3

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#89F294

#F289E7

Analogous

#B2F289

#89F2C9

#89F294

Triadic

#89F294

#9489F2

#F29489

Split Complementary

#89F294

#C989F2

#F289B2

Tetradic

#89F294

#89B2F2

#F289E7

#F2C989

Color Blindness Simulation

Original

#89F294

Protanopia

#B6B7AB

Deuteranopia

#B0A8B0

Tritanopia

#8EBDC1

Achromatopsia

#D5D5D5

CSS Usage

background-color: #89F294;
color: #89F294;
border-color: #89F294;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF3
100
#E1F9E4
200
#BFF8C5
300
#91F39B
400
#55EC65
500
#19E62F
600
#14B825
700
#10931E
800
#0D7317
900
#0D5315
950
#09350D

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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