#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026