#89FAD5

#89FAD5

Color Values

HEX

#89FAD5

RGB

137, 250, 213

HSL

160.4, 91.9%, 75.9%

HSV

160.4, 45.2%, 98.0%

CMYK

45.2%, 0.0%, 14.8%, 2.0%

OKLCH

0.9077 0.1171 170.2

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#89FAD5

#FA89AE

Analogous

#89FA9D

#89E6FA

#89FAD5

Triadic

#89FAD5

#D589FA

#FAD589

Split Complementary

#89FAD5

#FA89E6

#FA9D89

Tetradic

#89FAD5

#9D89FA

#FA89AE

#E6FA89

Color Blindness Simulation

Original

#89FAD5

Protanopia

#BABBDE

Deuteranopia

#B3ABE0

Tritanopia

#8FE5E7

Achromatopsia

#DFDFDF

CSS Usage

background-color: #89FAD5;
color: #89FAD5;
border-color: #89FAD5;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FDF9
100
#DFFBF2
200
#BAFCE7
300
#8AFAD5
400
#4AF7BF
500
#0AF5A8
600
#08C486
700
#079D6C
800
#057A54
900
#08593E
950
#053827

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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