#89FADF

#89FADF

Color Values

HEX

#89FADF

RGB

137, 250, 223

HSL

165.7, 91.9%, 75.9%

HSV

165.7, 45.2%, 98.0%

CMYK

45.2%, 0.0%, 10.8%, 2.0%

OKLCH

0.9104 0.1114 176.3

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#89FADF

#FA89A4

Analogous

#89FAA7

#89DCFA

#89FADF

Triadic

#89FADF

#DF89FA

#FADF89

Split Complementary

#89FADF

#FA89DC

#FAA789

Tetradic

#89FADF

#A789FA

#FA89A4

#DCFA89

Color Blindness Simulation

Original

#89FADF

Protanopia

#BABBE6

Deuteranopia

#B3ABE7

Tritanopia

#8FEBEC

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFCEC
300
#8AFADF
400
#4AF7CE
500
#0AF5BD
600
#08C497
700
#079D79
800
#057A5E
900
#085945
950
#05382C

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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