#89EB80

#89EB80

Color Values

HEX

#89EB80

RGB

137, 235, 128

HSL

115.0, 72.8%, 71.2%

HSV

115.0, 45.5%, 92.2%

CMYK

41.7%, 0.0%, 45.5%, 7.8%

OKLCH

0.855 0.1706 142.2

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#89EB80

#E280EB

Analogous

#BEEB80

#80EBAD

#89EB80

Triadic

#89EB80

#8089EB

#EB8089

Split Complementary

#89EB80

#AD80EB

#EB80BE

Tetradic

#89EB80

#80BEEB

#E280EB

#EBAD80

Color Blindness Simulation

Original

#89EB80

Protanopia

#B3B49A

Deuteranopia

#AEA6A0

Tritanopia

#8EAEB3

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E4F8E2
200
#C6F5C1
300
#9DEE95
400
#67E55C
500
#32DC23
600
#28B01C
700
#208D16
800
#196E11
900
#165011
950
#0E330B

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026