#89A4FA

#89A4FA

Color Values

HEX

#89A4FA

RGB

137, 164, 250

HSL

225.7, 91.9%, 75.9%

HSV

225.7, 45.2%, 98.0%

CMYK

45.2%, 34.4%, 0.0%, 2.0%

OKLCH

0.7336 0.1288 269.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#89A4FA

#FADF89

Analogous

#89DCFA

#A789FA

#89A4FA

Triadic

#89A4FA

#FA89A4

#A4FA89

Split Complementary

#89A4FA

#FAA789

#DCFA89

Tetradic

#89A4FA

#FA89DC

#FADF89

#89FAA7

Color Blindness Simulation

Original

#89A4FA

Protanopia

#9595E5

Deuteranopia

#9391E0

Tritanopia

#8AD5D1

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BACAFC
300
#8AA4FA
400
#4A73F7
500
#0A42F5
600
#0835C4
700
#072A9D
800
#05217A
900
#081B59
950
#051138

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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