#89AEFA

#89AEFA

Color Values

HEX

#89AEFA

RGB

137, 174, 250

HSL

220.4, 91.9%, 75.9%

HSV

220.4, 45.2%, 98.0%

CMYK

45.2%, 30.4%, 0.0%, 2.0%

OKLCH

0.754 0.1175 263.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#89AEFA

#FAD589

Analogous

#89E6FA

#9D89FA

#89AEFA

Triadic

#89AEFA

#FA89AE

#AEFA89

Split Complementary

#89AEFA

#FA9D89

#E6FA89

Tetradic

#89AEFA

#FA89E6

#FAD589

#89FA9D

Color Blindness Simulation

Original

#89AEFA

Protanopia

#9999E8

Deuteranopia

#9794E3

Tritanopia

#8BD9D6

Achromatopsia

#ACACAC

CSS Usage

background-color: #89AEFA;
color: #89AEFA;
border-color: #89AEFA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BAD0FC
300
#8AAEFA
400
#4A83F7
500
#0A57F5
600
#0846C4
700
#07389D
800
#052B7A
900
#082359
950
#051638

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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