#14B6EB

#14B6EB

Color Values

HEX

#14B6EB

RGB

20, 182, 235

HSL

194.8, 84.3%, 50.0%

HSV

194.8, 91.5%, 92.2%

CMYK

91.5%, 22.6%, 0.0%, 7.8%

OKLCH

0.726 0.1393 228.4

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#14B6EB

#EB4914

Analogous

#14EBB5

#144AEB

#14B6EB

Triadic

#14B6EB

#EB14B6

#B6EB14

Split Complementary

#14B6EB

#EB144A

#EBB514

Tetradic

#14B6EB

#B514EB

#EB4914

#4AEB14

Color Blindness Simulation

Original

#14B6EB

Protanopia

#5A5CDE

Deuteranopia

#5145DB

Tritanopia

#1CD4D2

Achromatopsia

#979797

CSS Usage

background-color: #14B6EB;
color: #14B6EB;
border-color: #14B6EB;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDEBF9
300
#8EDCF5
400
#51C9F0
500
#14B6EB
600
#1092BC
700
#0D7496
800
#0A5B75
900
#0C4355
950
#072A36

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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