#89ECDE

#89ECDE

Color Values

HEX

#89ECDE

RGB

137, 236, 222

HSL

171.5, 72.3%, 73.1%

HSV

171.5, 41.9%, 92.5%

CMYK

41.9%, 0.0%, 5.9%, 7.5%

OKLCH

0.8784 0.096 184.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#89ECDE

#EC8997

Analogous

#89ECAC

#89C8EC

#89ECDE

Triadic

#89ECDE

#DE89EC

#ECDE89

Split Complementary

#89ECDE

#EC89C8

#ECAC89

Tetradic

#89ECDE

#AC89EC

#EC8997

#C8EC89

Color Blindness Simulation

Original

#89ECDE

Protanopia

#B4B5E1

Deuteranopia

#AEA7E2

Tritanopia

#8EE4E5

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C1F5EE
300
#96EEE2
400
#5CE5D2
500
#23DCC2
600
#1CB09B
700
#178D7C
800
#126E61
900
#115047
950
#0B332D

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026