#89FBEC

#89FBEC

Color Values

HEX

#89FBEC

RGB

137, 251, 236

HSL

172.1, 93.4%, 76.1%

HSV

172.1, 45.4%, 98.4%

CMYK

45.4%, 0.0%, 6.0%, 1.6%

OKLCH

0.9164 0.1071 184.5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#89FBEC

#FB8998

Analogous

#89FBB3

#89D1FB

#89FBEC

Triadic

#89FBEC

#EC89FB

#FBEC89

Split Complementary

#89FBEC

#FB89D1

#FBB389

Tetradic

#89FBEC

#B389FB

#FB8998

#D1FB89

Color Blindness Simulation

Original

#89FBEC

Protanopia

#BABBF0

Deuteranopia

#B4ABF0

Tritanopia

#8FF2F3

Achromatopsia

#E2E2E2

CSS Usage

background-color: #89FBEC;
color: #89FBEC;
border-color: #89FBEC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BAFDF4
300
#89FBEC
400
#49F9E2
500
#08F7D7
600
#07C5AC
700
#059E8A
800
#047B6C
900
#08594E
950
#053832

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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