#89B0FA

#89B0FA

Color Values

HEX

#89B0FA

RGB

137, 176, 250

HSL

219.3, 91.9%, 75.9%

HSV

219.3, 45.2%, 98.0%

CMYK

45.2%, 29.6%, 0.0%, 2.0%

OKLCH

0.7581 0.1154 262.6

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#89B0FA

#FAD389

Analogous

#89E9FA

#9B89FA

#89B0FA

Triadic

#89B0FA

#FA89B0

#B0FA89

Split Complementary

#89B0FA

#FA9B89

#E9FA89

Tetradic

#89B0FA

#FA89E9

#FAD389

#89FA9B

Color Blindness Simulation

Original

#89B0FA

Protanopia

#9A9AE8

Deuteranopia

#9895E4

Tritanopia

#8BDAD7

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE9FB
200
#BAD1FC
300
#8AB0FA
400
#4A86F7
500
#0A5BF5
600
#0849C4
700
#073A9D
800
#052E7A
900
#082459
950
#051738

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026