#89B3FB

#89B3FB

Color Values

HEX

#89B3FB

RGB

137, 179, 251

HSL

217.9, 93.4%, 76.1%

HSV

217.9, 45.4%, 98.4%

CMYK

45.4%, 28.7%, 0.0%, 1.6%

OKLCH

0.7648 0.1136 260.8

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#89B3FB

#FBD189

Analogous

#89ECFB

#9889FB

#89B3FB

Triadic

#89B3FB

#FB89B3

#B3FB89

Split Complementary

#89B3FB

#FB9889

#ECFB89

Tetradic

#89B3FB

#FB89EC

#FBD189

#89FB98

Color Blindness Simulation

Original

#89B3FB

Protanopia

#9B9CEA

Deuteranopia

#9996E5

Tritanopia

#8BDCD9

Achromatopsia

#AFAFAF

CSS Usage

background-color: #89B3FB;
color: #89B3FB;
border-color: #89B3FB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BAD3FD
300
#89B3FB
400
#4989F9
500
#0860F7
600
#074DC5
700
#053E9E
800
#04307B
900
#082659
950
#051838

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.9:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026