#89C3FC

#89C3FC

Color Values

HEX

#89C3FC

RGB

137, 195, 252

HSL

209.7, 95.0%, 76.3%

HSV

209.7, 45.6%, 98.8%

CMYK

45.6%, 22.6%, 0.0%, 1.2%

OKLCH

0.7989 0.1013 248.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#89C3FC

#FCC289

Analogous

#89FCFB

#898AFC

#89C3FC

Triadic

#89C3FC

#FC89C3

#C3FC89

Split Complementary

#89C3FC

#FC898A

#FCFB89

Tetradic

#89C3FC

#FB89FC

#FCC289

#8AFC89

Color Blindness Simulation

Original

#89C3FC

Protanopia

#A2A3EE

Deuteranopia

#9F9AEB

Tritanopia

#8CE3E1

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DCFD
300
#88C2FC
400
#47A2FA
500
#0681F9
600
#0567C7
700
#04529F
800
#03407C
900
#07315A
950
#041F39

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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