#89C4FA

#89C4FA

Color Values

HEX

#89C4FA

RGB

137, 196, 250

HSL

208.7, 91.9%, 75.9%

HSV

208.7, 45.2%, 98.0%

CMYK

45.2%, 21.6%, 0.0%, 2.0%

OKLCH

0.8002 0.0983 247.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#89C4FA

#FABF89

Analogous

#89FAF8

#898CFA

#89C4FA

Triadic

#89C4FA

#FA89C4

#C4FA89

Split Complementary

#89C4FA

#FA898C

#FAF889

Tetradic

#89C4FA

#F889FA

#FABF89

#8CFA89

Color Blindness Simulation

Original

#89C4FA

Protanopia

#A3A3ED

Deuteranopia

#9F9BEA

Tritanopia

#8CE3E0

Achromatopsia

#BBBBBB

CSS Usage

background-color: #89C4FA;
color: #89C4FA;
border-color: #89C4FA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#8AC4FA
400
#4AA4F7
500
#0A85F5
600
#086AC4
700
#07559D
800
#05427A
900
#083259
950
#052038

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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