#14BAEB

#14BAEB

Color Values

HEX

#14BAEB

RGB

20, 186, 235

HSL

193.7, 84.3%, 50.0%

HSV

193.7, 91.5%, 92.2%

CMYK

91.5%, 20.9%, 0.0%, 7.8%

OKLCH

0.7354 0.1377 225.9

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#14BAEB

#EB4514

Analogous

#14EBB1

#144EEB

#14BAEB

Triadic

#14BAEB

#EB14BA

#BAEB14

Split Complementary

#14BAEB

#EB144E

#EBB114

Tetradic

#14BAEB

#B114EB

#EB4514

#4EEB14

Color Blindness Simulation

Original

#14BAEB

Protanopia

#5C5DDF

Deuteranopia

#5246DC

Tritanopia

#1CD6D4

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDECF9
300
#8EDEF5
400
#51CCF0
500
#14BAEB
600
#1095BC
700
#0D7796
800
#0A5D75
900
#0C4455
950
#072B36

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026