#89ECBC

#89ECBC

Color Values

HEX

#89ECBC

RGB

137, 236, 188

HSL

150.9, 72.3%, 73.1%

HSV

150.9, 41.9%, 92.5%

CMYK

41.9%, 0.0%, 20.3%, 7.5%

OKLCH

0.8692 0.1162 161.6

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#89ECBC

#EC89B9

Analogous

#89EC8A

#89EBEC

#89ECBC

Triadic

#89ECBC

#BC89EC

#ECBC89

Split Complementary

#89ECBC

#EC89EB

#EC8A89

Tetradic

#89ECBC

#8A89EC

#EC89B9

#EBEC89

Color Blindness Simulation

Original

#89ECBC

Protanopia

#B4B5C8

Deuteranopia

#AEA7CA

Tritanopia

#8ED1D3

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F5DC
300
#96EEC3
400
#5CE5A3
500
#23DC82
600
#1CB068
700
#178D53
800
#126E41
900
#115031
950
#0B331F

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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