#89ECE1

#89ECE1

Color Values

HEX

#89ECE1

RGB

137, 236, 225

HSL

173.3, 72.3%, 73.1%

HSV

173.3, 41.9%, 92.5%

CMYK

41.9%, 0.0%, 4.7%, 7.5%

OKLCH

0.8793 0.0951 186.4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#89ECE1

#EC8994

Analogous

#89ECAF

#89C5EC

#89ECE1

Triadic

#89ECE1

#E189EC

#ECE189

Split Complementary

#89ECE1

#EC89C5

#ECAF89

Tetradic

#89ECE1

#AF89EC

#EC8994

#C5EC89

Color Blindness Simulation

Original

#89ECE1

Protanopia

#B4B5E4

Deuteranopia

#AEA7E4

Tritanopia

#8EE6E6

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C1F5EF
300
#96EEE4
400
#5CE5D6
500
#23DCC7
600
#1CB09F
700
#178D7F
800
#126E64
900
#115049
950
#0B332E

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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