#89BCFA

#89BCFA

Color Values

HEX

#89BCFA

RGB

137, 188, 250

HSL

212.9, 91.9%, 75.9%

HSV

212.9, 45.2%, 98.0%

CMYK

45.2%, 24.8%, 0.0%, 2.0%

OKLCH

0.7832 0.1042 253.8

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#89BCFA

#FAC789

Analogous

#89F5FA

#8F89FA

#89BCFA

Triadic

#89BCFA

#FA89BC

#BCFA89

Split Complementary

#89BCFA

#FA8F89

#F5FA89

Tetradic

#89BCFA

#FA89F5

#FAC789

#89FA8F

Color Blindness Simulation

Original

#89BCFA

Protanopia

#9FA0EB

Deuteranopia

#9C98E7

Tritanopia

#8CDFDD

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BAD8FC
300
#8ABCFA
400
#4A98F7
500
#0A74F5
600
#085DC4
700
#074A9D
800
#053A7A
900
#082D59
950
#051C38

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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