#89F5F4

#89F5F4

Color Values

HEX

#89F5F4

RGB

137, 245, 244

HSL

179.4, 84.4%, 74.9%

HSV

179.4, 44.1%, 96.1%

CMYK

44.1%, 0.0%, 0.4%, 3.9%

OKLCH

0.9054 0.1002 194.7

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#89F5F4

#F5898A

Analogous

#89F5BE

#89C0F5

#89F5F4

Triadic

#89F5F4

#F489F5

#F5F489

Split Complementary

#89F5F4

#F589C0

#F5BE89

Tetradic

#89F5F4

#BE89F5

#F5898A

#C0F589

Color Blindness Simulation

Original

#89F5F4

Protanopia

#B8B9F4

Deuteranopia

#B2A9F4

Tritanopia

#8EF4F4

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9F9
300
#8EF5F4
400
#51F0EF
500
#14EBE9
600
#10BCBA
700
#0D9695
800
#0A7674
900
#0C5555
950
#073635

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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