#14CEEB

#14CEEB

Color Values

HEX

#14CEEB

RGB

20, 206, 235

HSL

188.1, 84.3%, 50.0%

HSV

188.1, 91.5%, 92.2%

CMYK

91.5%, 12.3%, 0.0%, 7.8%

OKLCH

0.7828 0.1347 212.8

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#14CEEB

#EB3114

Analogous

#14EB9D

#1462EB

#14CEEB

Triadic

#14CEEB

#EB14CE

#CEEB14

Split Complementary

#14CEEB

#EB1462

#EB9D14

Tetradic

#14CEEB

#9D14EB

#EB3114

#62EB14

Color Blindness Simulation

Original

#14CEEB

Protanopia

#6566E4

Deuteranopia

#5A4CE2

Tritanopia

#1DDEDD

Achromatopsia

#A9A9A9

CSS Usage

background-color: #14CEEB;
color: #14CEEB;
border-color: #14CEEB;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BDF1F9
300
#8EE7F5
400
#51DBF0
500
#14CEEB
600
#10A5BC
700
#0D8496
800
#0A6775
900
#0C4B55
950
#073036

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026