#1256ED

#1256ED

Color Values

HEX

#1256ED

RGB

18, 86, 237

HSL

221.4, 85.9%, 50.0%

HSV

221.4, 92.4%, 92.9%

CMYK

92.4%, 63.7%, 0.0%, 7.1%

OKLCH

0.5198 0.2356 262.9

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#1256ED

#EDA912

Analogous

#12C3ED

#3C12ED

#1256ED

Triadic

#1256ED

#ED1256

#56ED12

Split Complementary

#1256ED

#ED3C12

#C3ED12

Tetradic

#1256ED

#ED12C3

#EDA912

#12ED3C

Color Blindness Simulation

Original

#1256ED

Protanopia

#2F30C9

Deuteranopia

#2C26C0

Tritanopia

#15ACA5

Achromatopsia

#525252

CSS Usage

background-color: #1256ED;
color: #1256ED;
border-color: #1256ED;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDD0FA
300
#8DAEF6
400
#5082F2
500
#1256ED
600
#0E45BE
700
#0C3798
800
#092B77
900
#0B2256
950
#071636

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026