#14ABB0

#14ABB0

Color Values

HEX

#14ABB0

RGB

20, 171, 176

HSL

181.9, 79.6%, 38.4%

HSV

181.9, 88.6%, 69.0%

CMYK

88.6%, 2.8%, 0.0%, 31.0%

OKLCH

0.6743 0.1119 198.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#14ABB0

#B01914

Analogous

#14B067

#145DB0

#14ABB0

Triadic

#14ABB0

#B014AB

#ABB014

Split Complementary

#14ABB0

#B0145D

#B06714

Tetradic

#14ABB0

#6714B0

#B01914

#5DB014

Color Blindness Simulation

Original

#14ABB0

Protanopia

#5557AF

Deuteranopia

#4D41AE

Tritanopia

#1CAEAE

Achromatopsia

#8B8B8B

CSS Usage

background-color: #14ABB0;
color: #14ABB0;
border-color: #14ABB0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF6F8
300
#91EFF3
400
#56E7EC
500
#1ADFE5
600
#15B2B7
700
#118E93
800
#0D6F72
900
#0E5153
950
#093335

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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