#14A6EB

#14A6EB

Color Values

HEX

#14A6EB

RGB

20, 166, 235

HSL

199.3, 84.3%, 50.0%

HSV

199.3, 91.5%, 92.2%

CMYK

91.5%, 29.4%, 0.0%, 7.8%

OKLCH

0.6885 0.1485 237.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#14A6EB

#EB5914

Analogous

#14EBC5

#143AEB

#14A6EB

Triadic

#14A6EB

#EB14A6

#A6EB14

Split Complementary

#14A6EB

#EB143A

#EBC514

Tetradic

#14A6EB

#C514EB

#EB5914

#3AEB14

Color Blindness Simulation

Original

#14A6EB

Protanopia

#5354DA

Deuteranopia

#4B40D6

Tritanopia

#1BCDCA

Achromatopsia

#8C8C8C

CSS Usage

background-color: #14A6EB;
color: #14A6EB;
border-color: #14A6EB;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F9FD
100
#E0F2FA
200
#BDE6F9
300
#8ED4F5
400
#51BDF0
500
#14A6EB
600
#1085BC
700
#0D6A96
800
#0A5375
900
#0C3E55
950
#072736

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026