#89EAB9

#89EAB9

Color Values

HEX

#89EAB9

RGB

137, 234, 185

HSL

149.7, 69.8%, 72.7%

HSV

149.7, 41.5%, 91.8%

CMYK

41.5%, 0.0%, 20.9%, 8.2%

OKLCH

0.8638 0.1158 160.6

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#89EAB9

#EA89BA

Analogous

#89EA89

#89EAE9

#89EAB9

Triadic

#89EAB9

#B989EA

#EAB989

Split Complementary

#89EAB9

#E989EA

#EA8989

Tetradic

#89EAB9

#8989EA

#EA89BA

#EAE989

Color Blindness Simulation

Original

#89EAB9

Protanopia

#B3B4C5

Deuteranopia

#ADA6C8

Tritanopia

#8ECED0

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C2F4DB
300
#97EDC1
400
#5FE3A0
500
#27D87F
600
#1FAD65
700
#198B51
800
#136C3F
900
#124F30
950
#0B321E

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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