#16989C

#16989C

Color Values

HEX

#16989C

RGB

22, 152, 156

HSL

181.8, 75.3%, 34.9%

HSV

181.8, 85.9%, 61.2%

CMYK

85.9%, 2.6%, 0.0%, 38.8%

OKLCH

0.6187 0.1014 198.3

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#16989C

#9C1A16

Analogous

#169C5D

#16559C

#16989C

Triadic

#16989C

#9C1698

#989C16

Split Complementary

#16989C

#9C1655

#9C5D16

Tetradic

#16989C

#5D169C

#9C1A16

#559C16

Color Blindness Simulation

Original

#16989C

Protanopia

#4E4F9B

Deuteranopia

#473D9B

Tritanopia

#1C9A9A

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F5F6
300
#94EDF0
400
#5AE3E8
500
#1FDAE0
600
#19AEB3
700
#148B8F
800
#106D70
900
#104F51
950
#0A3233

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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