#89A080

#89A080

Color Values

HEX

#89A080

RGB

137, 160, 128

HSL

103.1, 14.4%, 56.5%

HSV

103.1, 20.0%, 62.7%

CMYK

14.4%, 0.0%, 20.0%, 37.3%

OKLCH

0.679 0.0528 136.9

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#89A080

#9780A0

Analogous

#99A080

#80A087

#89A080

Triadic

#89A080

#8089A0

#A08089

Split Complementary

#89A080

#8780A0

#A08099

Tetradic

#89A080

#8099A0

#9780A0

#A08780

Color Blindness Simulation

Original

#89A080

Protanopia

#939388

Deuteranopia

#92908A

Tritanopia

#8A8E8F

Achromatopsia

#999999

CSS Usage

background-color: #89A080;
color: #89A080;
border-color: #89A080;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#D9E0D6
300
#BECBB9
400
#9BAE93
500
#77926D
600
#607557
700
#4C5D46
800
#3C4937
900
#2E372A
950
#1D231B

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026