#089C99

#089C99

Color Values

HEX

#089C99

RGB

8, 156, 153

HSL

178.8, 90.2%, 32.2%

HSV

178.8, 94.9%, 61.2%

CMYK

94.9%, 0.0%, 1.9%, 38.8%

OKLCH

0.6267 0.1064 192.4

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#089C99

#9C080B

Analogous

#089C4F

#08559C

#089C99

Triadic

#089C99

#99089C

#9C9908

Split Complementary

#089C99

#9C0855

#9C4F08

Tetradic

#089C99

#4F089C

#9C080B

#559C08

Color Blindness Simulation

Original

#089C99

Protanopia

#48499A

Deuteranopia

#40349A

Tritanopia

#0F9A9A

Achromatopsia

#7C7C7C

CSS Usage

background-color: #089C99;
color: #089C99;
border-color: #089C99;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8BF9F7
400
#4CF6F2
500
#0CF3EE
600
#0AC2BE
700
#089B98
800
#067977
900
#095856
950
#063736

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

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