#89A201

#89A201

Color Values

HEX

#89A201

RGB

137, 162, 1

HSL

69.3, 98.8%, 32.0%

HSV

69.3, 99.4%, 63.5%

CMYK

15.4%, 0.0%, 99.4%, 36.5%

OKLCH

0.669 0.1588 120.1

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#89A201

#1A01A2

Analogous

#A26B01

#39A201

#89A201

Triadic

#89A201

#0189A2

#A20189

Split Complementary

#89A201

#0139A2

#6B01A2

Tetradic

#89A201

#01A26B

#1A01A2

#A20139

Color Blindness Simulation

Original

#89A201

Protanopia

#949428

Deuteranopia

#929031

Tritanopia

#8A474D

Achromatopsia

#919191

CSS Usage

background-color: #89A201;
color: #89A201;
border-color: #89A201;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FCFEF1
100
#F7FCDE
200
#F4FFB8
300
#ECFE85
400
#E1FE43
500
#D6FD02
600
#ACCB01
700
#89A201
800
#6B7F01
900
#4E5C05
950
#313A03

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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