#89CCA0

#89CCA0

Color Values

HEX

#89CCA0

RGB

137, 204, 160

HSL

140.6, 39.6%, 66.9%

HSV

140.6, 32.8%, 80.0%

CMYK

32.8%, 0.0%, 21.6%, 20.0%

OKLCH

0.7883 0.0927 154.9

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#89CCA0

#CC89B5

Analogous

#94CC89

#89CCC2

#89CCA0

Triadic

#89CCA0

#A089CC

#CCA089

Split Complementary

#89CCA0

#C289CC

#CC8994

Tetradic

#89CCA0

#8994CC

#CC89B5

#CCC289

Color Blindness Simulation

Original

#89CCA0

Protanopia

#A6A7AB

Deuteranopia

#A29DAD

Tritanopia

#8CB3B5

Achromatopsia

#BBBBBB

CSS Usage

background-color: #89CCA0;
color: #89CCA0;
border-color: #89CCA0;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF7
100
#E7F3EB
200
#CDE9D7
300
#AADABA
400
#7BC695
500
#4DB270
600
#3E8E59
700
#317247
800
#275938
900
#1F422B
950
#142A1B

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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