#89A092

#89A092

Color Values

HEX

#89A092

RGB

137, 160, 146

HSL

143.5, 10.8%, 58.2%

HSV

143.5, 14.4%, 62.7%

CMYK

14.4%, 0.0%, 8.8%, 37.3%

OKLCH

0.6838 0.0329 158.7

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#89A092

#A08997

Analogous

#8BA089

#89A09D

#89A092

Triadic

#89A092

#9289A0

#A09289

Split Complementary

#89A092

#9D89A0

#A0898B

Tetradic

#89A092

#898BA0

#A08997

#A09D89

Color Blindness Simulation

Original

#89A092

Protanopia

#939395

Deuteranopia

#929096

Tritanopia

#8A9899

Achromatopsia

#9A9A9A

CSS Usage

background-color: #89A092;
color: #89A092;
border-color: #89A092;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D7DFDA
300
#BBC8C0
400
#96AB9E
500
#728D7D
600
#5B7164
700
#495A50
800
#39473E
900
#2C352F
950
#1C221E

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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