#89AAD3

#89AAD3

Color Values

HEX

#89AAD3

RGB

137, 170, 211

HSL

213.2, 45.7%, 68.2%

HSV

213.2, 35.1%, 82.7%

CMYK

35.1%, 19.4%, 0.0%, 17.3%

OKLCH

0.7284 0.0701 254.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#89AAD3

#D3B289

Analogous

#89CFD3

#8D89D3

#89AAD3

Triadic

#89AAD3

#D389AA

#AAD389

Split Complementary

#89AAD3

#D38D89

#CFD389

Tetradic

#89AAD3

#D389CF

#D3B289

#89D38D

Color Blindness Simulation

Original

#89AAD3

Protanopia

#9798C9

Deuteranopia

#9593C7

Tritanopia

#8BC1C0

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CBDAEC
300
#A6BFDE
400
#769CCC
500
#4579BA
600
#376195
700
#2C4E77
800
#233D5D
900
#1D2E44
950
#121D2B

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026