#89B7C0

#89B7C0

Color Values

HEX

#89B7C0

RGB

137, 183, 192

HSL

189.8, 30.4%, 64.5%

HSV

189.8, 28.6%, 75.3%

CMYK

28.6%, 4.7%, 0.0%, 24.7%

OKLCH

0.7497 0.0504 211.0

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#89B7C0

#C09289

Analogous

#89C0AD

#899BC0

#89B7C0

Triadic

#89B7C0

#C089B7

#B7C089

Split Complementary

#89B7C0

#C0899B

#C0AD89

Tetradic

#89B7C0

#AD89C0

#C09289

#9BC089

Color Blindness Simulation

Original

#89B7C0

Protanopia

#9D9DBE

Deuteranopia

#9A97BD

Tritanopia

#8BBCBC

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D0E3E6
300
#AFCED4
400
#84B4BD
500
#599AA6
600
#477B85
700
#39626A
800
#2C4D53
900
#23393E
950
#162427

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.6:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026