#89EAFB

#89EAFB

Color Values

HEX

#89EAFB

RGB

137, 234, 251

HSL

188.9, 93.4%, 76.1%

HSV

188.9, 45.4%, 98.4%

CMYK

45.4%, 6.8%, 0.0%, 1.6%

OKLCH

0.8832 0.0945 210.0

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#89EAFB

#FB9A89

Analogous

#89FBD3

#89B1FB

#89EAFB

Triadic

#89EAFB

#FB89EA

#EAFB89

Split Complementary

#89EAFB

#FB89B1

#FBD389

Tetradic

#89EAFB

#D389FB

#FB9A89

#B1FB89

Color Blindness Simulation

Original

#89EAFB

Protanopia

#B3B4F7

Deuteranopia

#ADA6F6

Tritanopia

#8EF4F3

Achromatopsia

#D7D7D7

CSS Usage

background-color: #89EAFB;
color: #89EAFB;
border-color: #89EAFB;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BAF3FD
300
#89EAFB
400
#49DFF9
500
#08D3F7
600
#07A9C5
700
#05879E
800
#046A7B
900
#084D59
950
#053138

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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