#89AACB

#89AACB

Color Values

HEX

#89AACB

RGB

137, 170, 203

HSL

210.0, 38.8%, 66.7%

HSV

210.0, 32.5%, 79.6%

CMYK

32.5%, 16.3%, 0.0%, 20.4%

OKLCH

0.7252 0.0604 248.7

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#89AACB

#CBAA89

Analogous

#89CBCB

#8989CB

#89AACB

Triadic

#89AACB

#CB89AA

#AACB89

Split Complementary

#89AACB

#CB8989

#CBCB89

Tetradic

#89AACB

#CB89CB

#CBAA89

#89CB89

Color Blindness Simulation

Original

#89AACB

Protanopia

#9798C3

Deuteranopia

#9593C1

Tritanopia

#8BBDBB

Achromatopsia

#A5A5A5

CSS Usage

background-color: #89AACB;
color: #89AACB;
border-color: #89AACB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBE9
300
#AAC2DA
400
#7CA1C5
500
#4E80B1
600
#3E668E
700
#325271
800
#274058
900
#203041
950
#141F29

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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