#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026