#14ABBA

#14ABBA

Color Values

HEX

#14ABBA

RGB

20, 171, 186

HSL

185.4, 80.6%, 40.4%

HSV

185.4, 89.2%, 72.9%

CMYK

89.2%, 8.1%, 0.0%, 27.1%

OKLCH

0.6781 0.1132 206.1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#14ABBA

#BA2314

Analogous

#14BA76

#1458BA

#14ABBA

Triadic

#14ABBA

#BA14AB

#ABBA14

Split Complementary

#14ABBA

#BA1458

#BA7614

Tetradic

#14ABBA

#7614BA

#BA2314

#58BA14

Color Blindness Simulation

Original

#14ABBA

Protanopia

#5557B6

Deuteranopia

#4D41B6

Tritanopia

#1CB4B3

Achromatopsia

#8C8C8C

CSS Usage

background-color: #14ABBA;
color: #14ABBA;
border-color: #14ABBA;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E1F7F9
200
#BFF3F8
300
#90EAF3
400
#55DFED
500
#19D4E6
600
#14A9B8
700
#108893
800
#0C6A73
900
#0D4D54
950
#083135

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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