#1356EC

#1356EC

Color Values

HEX

#1356EC

RGB

19, 86, 236

HSL

221.5, 85.1%, 50.0%

HSV

221.5, 91.9%, 92.5%

CMYK

91.9%, 63.6%, 0.0%, 7.5%

OKLCH

0.5191 0.2343 262.9

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#1356EC

#ECA913

Analogous

#13C2EC

#3D13EC

#1356EC

Triadic

#1356EC

#EC1356

#56EC13

Split Complementary

#1356EC

#EC3D13

#C2EC13

Tetradic

#1356EC

#EC13C2

#ECA913

#13EC3D

Color Blindness Simulation

Original

#1356EC

Protanopia

#3031C8

Deuteranopia

#2C27BF

Tritanopia

#16ABA5

Achromatopsia

#535353

CSS Usage

background-color: #1356EC;
color: #1356EC;
border-color: #1356EC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDD0FA
300
#8EAEF6
400
#5082F1
500
#1356EC
600
#0F45BD
700
#0C3797
800
#092B76
900
#0B2256
950
#071636

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57: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