#89BAFA

#89BAFA

Color Values

HEX

#89BAFA

RGB

137, 186, 250

HSL

214.0, 91.9%, 75.9%

HSV

214.0, 45.2%, 98.0%

CMYK

45.2%, 25.6%, 0.0%, 2.0%

OKLCH

0.779 0.1058 255.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#89BAFA

#FAC989

Analogous

#89F2FA

#9189FA

#89BAFA

Triadic

#89BAFA

#FA89BA

#BAFA89

Split Complementary

#89BAFA

#FA9189

#F2FA89

Tetradic

#89BAFA

#FA89F2

#FAC989

#89FA91

Color Blindness Simulation

Original

#89BAFA

Protanopia

#9E9FEB

Deuteranopia

#9B98E7

Tritanopia

#8BDEDC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEBFB
200
#BAD7FC
300
#8ABAFA
400
#4A95F7
500
#0A70F5
600
#085AC4
700
#07489D
800
#05387A
900
#082B59
950
#051B38

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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