#89DBFB

#89DBFB

Color Values

HEX

#89DBFB

RGB

137, 219, 251

HSL

196.8, 93.4%, 76.1%

HSV

196.8, 45.4%, 98.4%

CMYK

45.4%, 12.7%, 0.0%, 1.6%

OKLCH

0.8503 0.0915 224.9

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#89DBFB

#FBA989

Analogous

#89FBE2

#89A2FB

#89DBFB

Triadic

#89DBFB

#FB89DB

#DBFB89

Split Complementary

#89DBFB

#FB89A2

#FBE289

Tetradic

#89DBFB

#E289FB

#FBA989

#A2FB89

Color Blindness Simulation

Original

#89DBFB

Protanopia

#ADADF3

Deuteranopia

#A8A2F1

Tritanopia

#8DEDEC

Achromatopsia

#CCCCCC

CSS Usage

background-color: #89DBFB;
color: #89DBFB;
border-color: #89DBFB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAEAFD
300
#89DBFB
400
#49C7F9
500
#08B4F7
600
#0790C5
700
#05739E
800
#045A7B
900
#084259
950
#052A38

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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