#89F226

#89F226

Color Values

HEX

#89F226

RGB

137, 242, 38

HSL

90.9, 88.7%, 54.9%

HSV

90.9, 84.3%, 94.9%

CMYK

43.4%, 0.0%, 84.3%, 5.1%

OKLCH

0.8637 0.2396 134.4

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#89F226

#8F26F2

Analogous

#EFF226

#26F229

#89F226

Triadic

#89F226

#2689F2

#F22689

Split Complementary

#89F226

#2926F2

#F226EF

Tetradic

#89F226

#26EFF2

#8F26F2

#F22926

Color Blindness Simulation

Original

#89F226

Protanopia

#B6B757

Deuteranopia

#B0A863

Tritanopia

#8E7E87

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFBE0
200
#DAFBBC
300
#C0F88C
400
#9EF44D
500
#7CF10E
600
#63C00C
700
#4F9A09
800
#3E7807
900
#2F570A
950
#1E3706

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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