#89A8AC

#89A8AC

Color Values

HEX

#89A8AC

RGB

137, 168, 172

HSL

186.9, 17.4%, 60.6%

HSV

186.9, 20.3%, 67.5%

CMYK

20.3%, 2.3%, 0.0%, 32.5%

OKLCH

0.7097 0.0346 206.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#89A8AC

#AC8D89

Analogous

#89AC9F

#8997AC

#89A8AC

Triadic

#89A8AC

#AC89A8

#A8AC89

Split Complementary

#89A8AC

#AC8997

#AC9F89

Tetradic

#89A8AC

#9F89AC

#AC8D89

#97AC89

Color Blindness Simulation

Original

#89A8AC

Protanopia

#9697AB

Deuteranopia

#9592AB

Tritanopia

#8BAAAA

Achromatopsia

#A2A2A2

CSS Usage

background-color: #89A8AC;
color: #89A8AC;
border-color: #89A8AC;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E0E2
300
#B7CACC
400
#90ADB1
500
#699196
600
#547478
700
#435D60
800
#35484B
900
#293638
950
#1A2223

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.26:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026