#89CBFB

#89CBFB

Color Values

HEX

#89CBFB

RGB

137, 203, 251

HSL

205.3, 93.4%, 76.1%

HSV

205.3, 45.4%, 98.4%

CMYK

45.4%, 19.1%, 0.0%, 1.6%

OKLCH

0.8156 0.0955 241.0

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#89CBFB

#FBB989

Analogous

#89FBF2

#8992FB

#89CBFB

Triadic

#89CBFB

#FB89CB

#CBFB89

Split Complementary

#89CBFB

#FB8992

#FBF289

Tetradic

#89CBFB

#F289FB

#FBB989

#92FB89

Color Blindness Simulation

Original

#89CBFB

Protanopia

#A6A6EF

Deuteranopia

#A29DED

Tritanopia

#8CE6E4

Achromatopsia

#C0C0C0

CSS Usage

background-color: #89CBFB;
color: #89CBFB;
border-color: #89CBFB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE1FD
300
#89CBFB
400
#49AEF9
500
#0892F7
600
#0775C5
700
#055E9E
800
#04497B
900
#083759
950
#052338

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

12.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026