#16AFAD

#16AFAD

Color Values

HEX

#16AFAD

RGB

22, 175, 173

HSL

179.2, 77.7%, 38.6%

HSV

179.2, 87.4%, 68.6%

CMYK

87.4%, 0.0%, 1.1%, 31.4%

OKLCH

0.6835 0.1138 193.3

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#16AFAD

#AF1618

Analogous

#16AF60

#1664AF

#16AFAD

Triadic

#16AFAD

#AD16AF

#AFAD16

Split Complementary

#16AFAD

#AF1664

#AF6016

Tetradic

#16AFAD

#6016AF

#AF1618

#64AF16

Color Blindness Simulation

Original

#16AFAD

Protanopia

#585AAD

Deuteranopia

#4F44AE

Tritanopia

#1EAEAE

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#C0F7F6
300
#92F1F0
400
#57EAE8
500
#1CE3E0
600
#17B5B3
700
#12918F
800
#0E7170
900
#0F5251
950
#093433

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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