#89AB8D

#89AB8D

Color Values

HEX

#89AB8D

RGB

137, 171, 141

HSL

127.1, 16.8%, 60.4%

HSV

127.1, 19.9%, 67.1%

CMYK

19.9%, 0.0%, 17.5%, 32.9%

OKLCH

0.7074 0.0571 148.2

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#89AB8D

#AB89A7

Analogous

#96AB89

#89AB9E

#89AB8D

Triadic

#89AB8D

#8D89AB

#AB8D89

Split Complementary

#89AB8D

#9E89AB

#AB8996

Tetradic

#89AB8D

#8996AB

#AB89A7

#AB9E89

Color Blindness Simulation

Original

#89AB8D

Protanopia

#989894

Deuteranopia

#969396

Tritanopia

#8B9A9B

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0EB
200
#D5E1D7
300
#B8CCBA
400
#91B195
500
#6A956F
600
#557759
700
#445F47
800
#354A38
900
#29382B
950
#1A231B

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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