#16888C

#16888C

Color Values

HEX

#16888C

RGB

22, 136, 140

HSL

182.0, 72.8%, 31.8%

HSV

182.0, 84.3%, 54.9%

CMYK

84.3%, 2.9%, 0.0%, 45.1%

OKLCH

0.5712 0.0926 198.7

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#16888C

#8C1A16

Analogous

#168C55

#164D8C

#16888C

Triadic

#16888C

#8C1688

#888C16

Split Complementary

#16888C

#8C164D

#8C5516

Tetradic

#16888C

#55168C

#8C1A16

#4D8C16

Color Blindness Simulation

Original

#16888C

Protanopia

#47488B

Deuteranopia

#41388B

Tritanopia

#1C8A8A

Achromatopsia

#707070

CSS Usage

background-color: #16888C;
color: #16888C;
border-color: #16888C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C1F4F5
300
#95EBEE
400
#5CE1E5
500
#23D6DC
600
#1CABB0
700
#16898D
800
#116B6E
900
#114E50
950
#0B3133

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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