#89A3FB

#89A3FB

Color Values

HEX

#89A3FB

RGB

137, 163, 251

HSL

226.3, 93.4%, 76.1%

HSV

226.3, 45.4%, 98.4%

CMYK

45.4%, 35.1%, 0.0%, 1.6%

OKLCH

0.7321 0.1313 270.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#89A3FB

#FBE189

Analogous

#89DCFB

#A889FB

#89A3FB

Triadic

#89A3FB

#FB89A3

#A3FB89

Split Complementary

#89A3FB

#FBA889

#DCFB89

Tetradic

#89A3FB

#FB89DC

#FBE189

#89FBA8

Color Blindness Simulation

Original

#89A3FB

Protanopia

#9494E6

Deuteranopia

#9391E1

Tritanopia

#8AD5D1

Achromatopsia

#A4A4A4

CSS Usage

background-color: #89A3FB;
color: #89A3FB;
border-color: #89A3FB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BAC9FD
300
#89A3FB
400
#4971F9
500
#083FF7
600
#0732C5
700
#05289E
800
#041F7B
900
#081A59
950
#051138

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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