#16BCBC

#16BCBC

Color Values

HEX

#16BCBC

RGB

22, 188, 188

HSL

180.0, 79.0%, 41.2%

HSV

180.0, 88.3%, 73.7%

CMYK

88.3%, 0.0%, 0.0%, 26.3%

OKLCH

0.7213 0.1203 194.8

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#16BCBC

#BC1616

Analogous

#16BC69

#1669BC

#16BCBC

Triadic

#16BCBC

#BC16BC

#BCBC16

Split Complementary

#16BCBC

#BC1669

#BC6916

Tetradic

#16BCBC

#6916BC

#BC1616

#69BC16

Color Blindness Simulation

Original

#16BCBC

Protanopia

#5E5FBC

Deuteranopia

#5448BC

Tritanopia

#1EBCBC

Achromatopsia

#999999

CSS Usage

background-color: #16BCBC;
color: #16BCBC;
border-color: #16BCBC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#BFF8F8
300
#91F2F2
400
#56EBEB
500
#1BE4E4
600
#15B7B7
700
#119292
800
#0D7272
900
#0E5353
950
#093434

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.95:1

AA Pass AAA Pass

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