#14DFDD

#14DFDD

Color Values

HEX

#14DFDD

RGB

20, 223, 221

HSL

179.4, 83.5%, 47.6%

HSV

179.4, 91.0%, 87.5%

CMYK

91.0%, 0.0%, 0.9%, 12.5%

OKLCH

0.8184 0.1381 193.6

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#14DFDD

#DF1416

Analogous

#14DF77

#147BDF

#14DFDD

Triadic

#14DFDD

#DD14DF

#DFDD14

Split Complementary

#14DFDD

#DF147B

#DF7714

Tetradic

#14DFDD

#7714DF

#DF1416

#7BDF14

Color Blindness Simulation

Original

#14DFDD

Protanopia

#6C6EDD

Deuteranopia

#6051DE

Tritanopia

#1EDEDE

Achromatopsia

#B4B4B4

CSS Usage

background-color: #14DFDD;
color: #14DFDD;
border-color: #14DFDD;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9F9
300
#8FF5F4
400
#52EFEE
500
#15EAE8
600
#11BBB9
700
#0D9694
800
#0B7574
900
#0C5554
950
#083635

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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