#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026