#89AEFB

#89AEFB

Color Values

HEX

#89AEFB

RGB

137, 174, 251

HSL

220.5, 93.4%, 76.1%

HSV

220.5, 45.4%, 98.4%

CMYK

45.4%, 30.7%, 0.0%, 1.6%

OKLCH

0.7545 0.1188 264.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#89AEFB

#FBD689

Analogous

#89E7FB

#9D89FB

#89AEFB

Triadic

#89AEFB

#FB89AE

#AEFB89

Split Complementary

#89AEFB

#FB9D89

#E7FB89

Tetradic

#89AEFB

#FB89E7

#FBD689

#89FB9D

Color Blindness Simulation

Original

#89AEFB

Protanopia

#9999E8

Deuteranopia

#9794E4

Tritanopia

#8BDAD6

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BAD0FD
300
#89AEFB
400
#4982F9
500
#0856F7
600
#0745C5
700
#05379E
800
#042B7B
900
#082259
950
#051638

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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