#89DF48

#89DF48

Color Values

HEX

#89DF48

RGB

137, 223, 72

HSL

94,2, 70,2%, 57,8%

HSV

94,2, 67,7%, 87,5%

CMYK

38,6%, 0,0%, 67,7%, 12,5%

OKLCH

0,8197 0,201 134,4

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#89DF48

#9E48DF

Analogous

#D4DF48

#48DF52

#89DF48

Triadic

#89DF48

#4889DF

#DF4889

Split Complementary

#89DF48

#5248DF

#DF48D4

Tetradic

#89DF48

#48D4DF

#9E48DF

#DF5248

Color Blindness Simulation

Original

#89DF48

Protanopia

#AEAF6C

Deuteranopia

#A9A375

Tritanopia

#8D8990

Achromatopsia

#C2C2C2

CSS Usage

background-color: #89DF48;
color: #89DF48;
border-color: #89DF48;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F4C2
300
#BCED97
400
#97E35E
500
#73D926
600
#5CAE1E
700
#4A8B18
800
#396D13
900
#2C4F12
950
#1C320B

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,71: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