#89B8C6

#89B8C6

Color Values

HEX

#89B8C6

RGB

137, 184, 198

HSL

193.8, 34.9%, 65.7%

HSV

193.8, 30.8%, 77.6%

CMYK

30.8%, 7.1%, 0.0%, 22.4%

OKLCH

0.754 0.0536 218.1

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#89B8C6

#C69789

Analogous

#89C6B6

#8999C6

#89B8C6

Triadic

#89B8C6

#C689B8

#B8C689

Split Complementary

#89B8C6

#C68999

#C6B689

Tetradic

#89B8C6

#B689C6

#C69789

#99C689

Color Blindness Simulation

Original

#89B8C6

Protanopia

#9D9EC3

Deuteranopia

#9B97C2

Tritanopia

#8BC0BF

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE2E8
300
#ACCDD7
400
#80B2C2
500
#5398AC
600
#42798A
700
#35616E
800
#2A4C56
900
#213940
950
#152428

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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