#1456EB

#1456EB

Color Values

HEX

#1456EB

RGB

20, 86, 235

HSL

221.6, 84.3%, 50.0%

HSV

221.6, 91.5%, 92.2%

CMYK

91.5%, 63.4%, 0.0%, 7.8%

OKLCH

0.5183 0.2329 263.0

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#1456EB

#EBA914

Analogous

#14C1EB

#3E14EB

#1456EB

Triadic

#1456EB

#EB1456

#56EB14

Split Complementary

#1456EB

#EB3E14

#C1EB14

Tetradic

#1456EB

#EB14C1

#EBA914

#14EB3E

Color Blindness Simulation

Original

#1456EB

Protanopia

#3131C7

Deuteranopia

#2D28BE

Tritanopia

#17AAA4

Achromatopsia

#535353

CSS Usage

background-color: #1456EB;
color: #1456EB;
border-color: #1456EB;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDD0F9
300
#8EAEF5
400
#5182F0
500
#1456EB
600
#1045BC
700
#0D3796
800
#0A2B75
900
#0C2255
950
#071636

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026