#89FED2

#89FED2

Color Values

HEX

#89FED2

RGB

137, 254, 210

HSL

157.4, 98.3%, 76.7%

HSV

157.4, 46.1%, 99.6%

CMYK

46.1%, 0.0%, 17.3%, 0.4%

OKLCH

0.9161 0.1243 167.1

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#89FED2

#FE89B5

Analogous

#89FE98

#89F0FE

#89FED2

Triadic

#89FED2

#D289FE

#FED289

Split Complementary

#89FED2

#FE89F0

#FE9889

Tetradic

#89FED2

#9889FE

#FE89B5

#F0FE89

Color Blindness Simulation

Original

#89FED2

Protanopia

#BCBDDD

Deuteranopia

#B5ACDF

Tritanopia

#8FE5E7

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF1
200
#B8FEE4
300
#86FED1
400
#44FDB8
500
#02FD9E
600
#02CA7F
700
#01A265
800
#017E4F
900
#065B3B
950
#043A25

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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