#14AFAC

#14AFAC

Color Values

HEX

#14AFAC

RGB

20, 175, 172

HSL

178,8, 79,5%, 38,2%

HSV

178,8, 88,6%, 68,6%

CMYK

88,6%, 0,0%, 1,7%, 31,4%

OKLCH

0,6829 0,1143 192,6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#14AFAC

#AF1417

Analogous

#14AF5E

#1465AF

#14AFAC

Triadic

#14AFAC

#AC14AF

#AFAC14

Split Complementary

#14AFAC

#AF1465

#AF5E14

Tetradic

#14AFAC

#5E14AF

#AF1417

#65AF14

Color Blindness Simulation

Original

#14AFAC

Protanopia

#5758AD

Deuteranopia

#4E42AD

Tritanopia

#1CADAD

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F9
200
#BFF8F7
300
#91F2F1
400
#56ECE9
500
#1AE5E1
600
#15B7B4
700
#119290
800
#0D7270
900
#0E5352
950
#093434

Contrast Checker

Text on white

2,71:1

AA Fail AAA Fail

Text on black

7,76: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