#89ADA0

#89ADA0

Color Values

HEX

#89ADA0

RGB

137, 173, 160

HSL

158.3, 18.0%, 60.8%

HSV

158.3, 20.8%, 67.8%

CMYK

20.8%, 0.0%, 7.5%, 32.2%

OKLCH

0.7172 0.0435 171.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#89ADA0

#AD8996

Analogous

#89AD8E

#89A8AD

#89ADA0

Triadic

#89ADA0

#A089AD

#ADA089

Split Complementary

#89ADA0

#AD89A8

#AD8E89

Tetradic

#89ADA0

#8E89AD

#AD8996

#A8AD89

Color Blindness Simulation

Original

#89ADA0

Protanopia

#9999A3

Deuteranopia

#9694A4

Tritanopia

#8BA6A6

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B7CDC5
400
#90B2A5
500
#699686
600
#54786B
700
#436056
800
#344B43
900
#293833
950
#1A2420

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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