#89A39F

#89A39F

Color Values

HEX

#89A39F

RGB

137, 163, 159

HSL

170.8, 12.4%, 58.8%

HSV

170.8, 16.0%, 63.9%

CMYK

16.0%, 0.0%, 2.5%, 36.1%

OKLCH

0.6944 0.0296 185.2

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#89A39F

#A3898D

Analogous

#89A392

#899AA3

#89A39F

Triadic

#89A39F

#9F89A3

#A39F89

Split Complementary

#89A39F

#A3899A

#A39289

Tetradic

#89A39F

#9289A3

#A3898D

#9AA389

Color Blindness Simulation

Original

#89A39F

Protanopia

#9494A0

Deuteranopia

#9391A0

Tritanopia

#8AA1A1

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DE
300
#BAC9C7
400
#95ACA9
500
#708F8A
600
#59736F
700
#475C59
800
#384845
900
#2B3634
950
#1B2221

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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