#89FAF4

#89FAF4

Color Values

HEX

#89FAF4

RGB

137, 250, 244

HSL

176.8, 91.9%, 75.9%

HSV

176.8, 45.2%, 98.0%

CMYK

45.2%, 0.0%, 2.4%, 2.0%

OKLCH

0.9166 0.1043 191.0

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#89FAF4

#FA898F

Analogous

#89FABC

#89C8FA

#89FAF4

Triadic

#89FAF4

#F489FA

#FAF489

Split Complementary

#89FAF4

#FA89C8

#FABC89

Tetradic

#89FAF4

#BC89FA

#FA898F

#C8FA89

Color Blindness Simulation

Original

#89FAF4

Protanopia

#BABBF5

Deuteranopia

#B3ABF6

Tritanopia

#8FF7F7

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFCF9
300
#8AFAF4
400
#4AF7EE
500
#0AF5E8
600
#08C4BA
700
#079D95
800
#057A74
900
#085954
950
#053835

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.04:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026