#89ADCB

#89ADCB

Color Values

HEX

#89ADCB

RGB

137, 173, 203

HSL

207.3, 38.8%, 66.7%

HSV

207.3, 32.5%, 79.6%

CMYK

32.5%, 14.8%, 0.0%, 20.4%

OKLCH

0.7317 0.0587 243.8

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#89ADCB

#CBA789

Analogous

#89CBC8

#898CCB

#89ADCB

Triadic

#89ADCB

#CB89AD

#ADCB89

Split Complementary

#89ADCB

#CB898C

#CBC889

Tetradic

#89ADCB

#C889CB

#CBA789

#8CCB89

Color Blindness Simulation

Original

#89ADCB

Protanopia

#9999C4

Deuteranopia

#9694C2

Tritanopia

#8BBEBD

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC4DA
400
#7CA4C5
500
#4E84B1
600
#3E6A8E
700
#325471
800
#274258
900
#203241
950
#142029

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026