#89B3FA

#89B3FA

Color Values

HEX

#89B3FA

RGB

137, 179, 250

HSL

217.7, 91.9%, 75.9%

HSV

217.7, 45.2%, 98.0%

CMYK

45.2%, 28.4%, 0.0%, 2.0%

OKLCH

0.7643 0.1123 260.6

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#89B3FA

#FAD089

Analogous

#89ECFA

#9889FA

#89B3FA

Triadic

#89B3FA

#FA89B3

#B3FA89

Split Complementary

#89B3FA

#FA9889

#ECFA89

Tetradic

#89B3FA

#FA89EC

#FAD089

#89FA98

Color Blindness Simulation

Original

#89B3FA

Protanopia

#9B9CE9

Deuteranopia

#9996E5

Tritanopia

#8BDBD8

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FC
300
#8AB3FA
400
#4A8AF7
500
#0A61F5
600
#084EC4
700
#073E9D
800
#05317A
900
#082659
950
#051838

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026