#89FAD0

#89FAD0

Color Values

HEX

#89FAD0

RGB

137, 250, 208

HSL

157.7, 91.9%, 75.9%

HSV

157.7, 45.2%, 98.0%

CMYK

45.2%, 0.0%, 16.8%, 2.0%

OKLCH

0.9064 0.1204 167.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#89FAD0

#FA89B3

Analogous

#89FA98

#89ECFA

#89FAD0

Triadic

#89FAD0

#D089FA

#FAD089

Split Complementary

#89FAD0

#FA89EC

#FA9889

Tetradic

#89FAD0

#9889FA

#FA89B3

#ECFA89

Color Blindness Simulation

Original

#89FAD0

Protanopia

#BABBDA

Deuteranopia

#B3ABDD

Tritanopia

#8FE2E4

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BAFCE4
300
#8AFAD0
400
#4AF7B7
500
#0AF59E
600
#08C47E
700
#079D65
800
#057A4F
900
#08593B
950
#053825

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026