#89FAD6

#89FAD6

Color Values

HEX

#89FAD6

RGB

137, 250, 214

HSL

160.9, 91.9%, 75.9%

HSV

160.9, 45.2%, 98.0%

CMYK

45.2%, 0.0%, 14.4%, 2.0%

OKLCH

0.908 0.1165 170.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#89FAD6

#FA89AD

Analogous

#89FA9E

#89E6FA

#89FAD6

Triadic

#89FAD6

#D689FA

#FAD689

Split Complementary

#89FAD6

#FA89E6

#FA9E89

Tetradic

#89FAD6

#9E89FA

#FA89AD

#E6FA89

Color Blindness Simulation

Original

#89FAD6

Protanopia

#BABBDF

Deuteranopia

#B3ABE1

Tritanopia

#8FE6E7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF2
200
#BAFCE7
300
#8AFAD6
400
#4AF7C0
500
#0AF5AA
600
#08C488
700
#079D6D
800
#057A55
900
#08593F
950
#053828

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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