#1463EB

#1463EB

Color Values

HEX

#1463EB

RGB

20, 99, 235

HSL

218,0, 84,3%, 50,0%

HSV

218,0, 91,5%, 92,2%

CMYK

91,5%, 57,9%, 0,0%, 7,8%

OKLCH

0,5427 0,218 261,1

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#1463EB

#EB9C14

Analogous

#14CEEB

#3114EB

#1463EB

Triadic

#1463EB

#EB1463

#63EB14

Split Complementary

#1463EB

#EB3114

#CEEB14

Tetradic

#1463EB

#EB14CE

#EB9C14

#14EB31

Color Blindness Simulation

Original

#1463EB

Protanopia

#3637CA

Deuteranopia

#322CC2

Tritanopia

#18B0AA

Achromatopsia

#5C5C5C

CSS Usage

background-color: #1463EB;
color: #1463EB;
border-color: #1463EB;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD3F9
300
#8EB4F5
400
#518BF0
500
#1463EB
600
#104FBC
700
#0D3F96
800
#0A3175
900
#0C2755
950
#071836

Contrast Checker

Text on white

5,23:1

AA Pass AAA Fail

Text on black

4,01:1

AA Fail 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