#89AF50

#89AF50

Color Values

HEX

#89AF50

RGB

137, 175, 80

HSL

84.0, 37.3%, 50.0%

HSV

84.0, 54.3%, 68.6%

CMYK

21.7%, 0.0%, 54.3%, 31.4%

OKLCH

0.7052 0.1309 127.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#89AF50

#7650AF

Analogous

#AFA650

#59AF50

#89AF50

Triadic

#89AF50

#5089AF

#AF5089

Split Complementary

#89AF50

#5059AF

#A650AF

Tetradic

#89AF50

#50AFA6

#7650AF

#AF5059

Color Blindness Simulation

Original

#89AF50

Protanopia

#999A67

Deuteranopia

#97946C

Tritanopia

#8B797D

Achromatopsia

#A0A0A0

CSS Usage

background-color: #89AF50;
color: #89AF50;
border-color: #89AF50;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEE9CE
300
#C6D9AB
400
#A8C47D
500
#89AF50
600
#6E8C40
700
#587033
800
#455828
900
#344120
950
#212914

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026