#89EDBF

#89EDBF

Color Values

HEX

#89EDBF

RGB

137, 237, 191

HSL

152.4, 73.5%, 73.3%

HSV

152.4, 42.2%, 92.9%

CMYK

42.2%, 0.0%, 19.4%, 7.1%

OKLCH

0.8722 0.1153 162.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#89EDBF

#ED89B7

Analogous

#89ED8D

#89E9ED

#89EDBF

Triadic

#89EDBF

#BF89ED

#EDBF89

Split Complementary

#89EDBF

#ED89E9

#ED8D89

Tetradic

#89EDBF

#8D89ED

#ED89B7

#E9ED89

Color Blindness Simulation

Original

#89EDBF

Protanopia

#B4B5CA

Deuteranopia

#AEA7CD

Tritanopia

#8ED3D5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C1F6DD
300
#95EFC5
400
#5BE6A6
500
#22DD87
600
#1BB16C
700
#168E56
800
#116F43
900
#105033
950
#0A3320

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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