#14ABA5

#14ABA5

Color Values

HEX

#14ABA5

RGB

20, 171, 165

HSL

177.6, 79.1%, 37.5%

HSV

177.6, 88.3%, 67.1%

CMYK

88.3%, 0.0%, 3.5%, 32.9%

OKLCH

0.6703 0.1128 190.3

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#14ABA5

#AB141A

Analogous

#14AB5A

#1466AB

#14ABA5

Triadic

#14ABA5

#A514AB

#ABA514

Split Complementary

#14ABA5

#AB1466

#AB5A14

Tetradic

#14ABA5

#5A14AB

#AB141A

#66AB14

Color Blindness Simulation

Original

#14ABA5

Protanopia

#5557A6

Deuteranopia

#4D41A7

Tritanopia

#1CA8A8

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#BFF8F5
300
#91F2EE
400
#56EBE5
500
#1BE4DC
600
#15B7B0
700
#11928D
800
#0D726E
900
#0E5350
950
#093433

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026