#89FBDD

#89FBDD

Color Values

HEX

#89FBDD

RGB

137, 251, 221

HSL

164.2, 93.4%, 76.1%

HSV

164.2, 45.4%, 98.4%

CMYK

45.4%, 0.0%, 12.0%, 1.6%

OKLCH

0.9121 0.1136 174.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#89FBDD

#FB89A7

Analogous

#89FBA4

#89E0FB

#89FBDD

Triadic

#89FBDD

#DD89FB

#FBDD89

Split Complementary

#89FBDD

#FB89E0

#FBA489

Tetradic

#89FBDD

#A489FB

#FB89A7

#E0FB89

Color Blindness Simulation

Original

#89FBDD

Protanopia

#BABBE4

Deuteranopia

#B4ABE6

Tritanopia

#8FEAEB

Achromatopsia

#E1E1E1

CSS Usage

background-color: #89FBDD;
color: #89FBDD;
border-color: #89FBDD;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFDEB
300
#89FBDD
400
#49F9CA
500
#08F7B8
600
#07C593
700
#059E76
800
#047B5C
900
#085944
950
#05382B

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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