#089F97

#089F97

Color Values

HEX

#089F97

RGB

8, 159, 151

HSL

176.8, 90.4%, 32.7%

HSV

176.8, 95.0%, 62.4%

CMYK

95.0%, 0.0%, 5.0%, 37.6%

OKLCH

0.6337 0.1089 188.5

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#089F97

#9F0810

Analogous

#089F4B

#085B9F

#089F97

Triadic

#089F97

#97089F

#9F9708

Split Complementary

#089F97

#9F085B

#9F4B08

Tetradic

#089F97

#4B089F

#9F0810

#5B9F08

Color Blindness Simulation

Original

#089F97

Protanopia

#494B99

Deuteranopia

#413599

Tritanopia

#109A9B

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBF9
200
#BBFCF8
300
#8AF9F3
400
#4BF6ED
500
#0CF3E6
600
#0AC2B8
700
#089B93
800
#067973
900
#095854
950
#063735

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026