#14AFB8

#14AFB8

Color Values

HEX

#14AFB8

RGB

20, 175, 184

HSL

183.3, 80.4%, 40.0%

HSV

183.3, 89.1%, 72.2%

CMYK

89.1%, 4.9%, 0.0%, 27.8%

OKLCH

0.6873 0.1142 201.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#14AFB8

#B81D14

Analogous

#14B86F

#145DB8

#14AFB8

Triadic

#14AFB8

#B814AF

#AFB814

Split Complementary

#14AFB8

#B8145D

#B86F14

Tetradic

#14AFB8

#6F14B8

#B81D14

#5DB814

Color Blindness Simulation

Original

#14AFB8

Protanopia

#5758B6

Deuteranopia

#4E42B5

Tritanopia

#1CB4B4

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF5F8
300
#91EEF3
400
#55E4ED
500
#19DBE6
600
#14AFB8
700
#108C93
800
#0C6D73
900
#0D5054
950
#083235

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.85:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026