#89EEFE

#89EEFE

Color Values

HEX

#89EEFE

RGB

137, 238, 254

HSL

188.2, 98.3%, 76.7%

HSV

188.2, 46.1%, 99.6%

CMYK

46.1%, 6.3%, 0.0%, 0.4%

OKLCH

0.8931 0.0971 208.7

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#89EEFE

#FE9989

Analogous

#89FED4

#89B4FE

#89EEFE

Triadic

#89EEFE

#FE89EE

#EEFE89

Split Complementary

#89EEFE

#FE89B4

#FED489

Tetradic

#89EEFE

#D489FE

#FE9989

#B4FE89

Color Blindness Simulation

Original

#89EEFE

Protanopia

#B5B6FA

Deuteranopia

#AFA7F9

Tritanopia

#8EF7F6

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F5FE
300
#86EEFE
400
#44E4FD
500
#02DBFD
600
#02AFCA
700
#018CA2
800
#016D7E
900
#06505B
950
#04323A

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026