#104AEF

#104AEF

Color Values

HEX

#104AEF

RGB

16, 74, 239

HSL

224.4, 87.5%, 50.0%

HSV

224.4, 93.3%, 93.7%

CMYK

93.3%, 69.0%, 0.0%, 6.3%

OKLCH

0.501 0.2512 264.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#104AEF

#EFB510

Analogous

#10BAEF

#4510EF

#104AEF

Triadic

#104AEF

#EF104A

#4AEF10

Split Complementary

#104AEF

#EF4510

#BAEF10

Tetradic

#104AEF

#EF10BA

#EFB510

#10EF45

Color Blindness Simulation

Original

#104AEF

Protanopia

#292AC7

Deuteranopia

#2621BD

Tritanopia

#13A8A1

Achromatopsia

#4A4A4A

CSS Usage

background-color: #104AEF;
color: #104AEF;
border-color: #104AEF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BCCCFB
300
#8CA8F7
400
#4E79F3
500
#104AEF
600
#0D3BBF
700
#0A2F99
800
#082578
900
#0A1E57
950
#071337

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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