#1271ED

#1271ED

Color Values

HEX

#1271ED

RGB

18, 113, 237

HSL

214.0, 85.9%, 50.0%

HSV

214.0, 92.4%, 92.9%

CMYK

92.4%, 52.3%, 0.0%, 7.1%

OKLCH

0.5721 0.2043 258.3

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#1271ED

#ED8E12

Analogous

#12DEED

#2112ED

#1271ED

Triadic

#1271ED

#ED1271

#71ED12

Split Complementary

#1271ED

#ED2112

#DEED12

Tetradic

#1271ED

#ED12DE

#ED8E12

#12ED21

Color Blindness Simulation

Original

#1271ED

Protanopia

#3B3CCF

Deuteranopia

#362EC8

Tritanopia

#17B7B2

Achromatopsia

#666666

CSS Usage

background-color: #1271ED;
color: #1271ED;
border-color: #1271ED;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EBFA
200
#BDD7FA
300
#8DBBF6
400
#5096F2
500
#1271ED
600
#0E5ABE
700
#0C4898
800
#093877
900
#0B2B56
950
#071B36

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

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