#1493EB

#1493EB

Color Values

HEX

#1493EB

RGB

20, 147, 235

HSL

204.6, 84.3%, 50.0%

HSV

204.6, 91.5%, 92.2%

CMYK

91.5%, 37.4%, 0.0%, 7.8%

OKLCH

0.6449 0.1645 247.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#1493EB

#EB6C14

Analogous

#14EBD8

#1427EB

#1493EB

Triadic

#1493EB

#EB1493

#93EB14

Split Complementary

#1493EB

#EB1427

#EBD814

Tetradic

#1493EB

#D814EB

#EB6C14

#27EB14

Color Blindness Simulation

Original

#1493EB

Protanopia

#4B4CD6

Deuteranopia

#443AD1

Tritanopia

#1AC5C1

Achromatopsia

#7E7E7E

CSS Usage

background-color: #1493EB;
color: #1493EB;
border-color: #1493EB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDE1F9
300
#8ECBF5
400
#51AFF0
500
#1493EB
600
#1075BC
700
#0D5E96
800
#0A4975
900
#0C3755
950
#072336

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4:1

AA Pass AAA Fail

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