#16989F

#16989F

Color Values

HEX

#16989F

RGB

22, 152, 159

HSL

183.1, 75.7%, 35.5%

HSV

183.1, 86.2%, 62.4%

CMYK

86.2%, 4.4%, 0.0%, 37.6%

OKLCH

0.6199 0.1016 200.8

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#16989F

#9F1D16

Analogous

#169F62

#16539F

#16989F

Triadic

#16989F

#9F1698

#989F16

Split Complementary

#16989F

#9F1653

#9F6216

Tetradic

#16989F

#62169F

#9F1D16

#539F16

Color Blindness Simulation

Original

#16989F

Protanopia

#4E4F9D

Deuteranopia

#473D9D

Tritanopia

#1C9C9C

Achromatopsia

#7D7D7D

CSS Usage

background-color: #16989F;
color: #16989F;
border-color: #16989F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F4F6
300
#93EBF0
400
#59E1E8
500
#1FD6E0
600
#19ABB3
700
#14898F
800
#0F6B70
900
#0F4E51
950
#0A3133

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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