#89C606

#89C606

Color Values

HEX

#89C606

RGB

137, 198, 6

HSL

79.1, 94.1%, 40.0%

HSV

79.1, 97.0%, 77.6%

CMYK

30.8%, 0.0%, 97.0%, 22.4%

OKLCH

0.7561 0.1981 128.6

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#89C606

#4306C6

Analogous

#C6A306

#29C606

#89C606

Triadic

#89C606

#0689C6

#C60689

Split Complementary

#89C606

#0629C6

#A306C6

Tetradic

#89C606

#06C6A3

#4306C6

#C60629

Color Blindness Simulation

Original

#89C606

Protanopia

#A3A434

Deuteranopia

#A09B40

Tritanopia

#8C5961

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAFDF1
100
#F2FBDF
200
#E8FDBA
300
#D7FB88
400
#C1F948
500
#ABF708
600
#89C606
700
#6D9E05
800
#567C04
900
#3F5907
950
#283905

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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