#89ADA5

#89ADA5

Color Values

HEX

#89ADA5

RGB

137, 173, 165

HSL

166.7, 18.0%, 60.8%

HSV

166.7, 20.8%, 67.8%

CMYK

20.8%, 0.0%, 4.6%, 32.2%

OKLCH

0.7186 0.0409 180.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#89ADA5

#AD8991

Analogous

#89AD93

#89A3AD

#89ADA5

Triadic

#89ADA5

#A589AD

#ADA589

Split Complementary

#89ADA5

#AD89A3

#AD9389

Tetradic

#89ADA5

#9389AD

#AD8991

#A3AD89

Color Blindness Simulation

Original

#89ADA5

Protanopia

#9999A7

Deuteranopia

#9694A7

Tritanopia

#8BA8A9

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC8
400
#90B2AA
500
#69968C
600
#547870
700
#43605A
800
#344B46
900
#293835
950
#1A2421

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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