#104CEF

#104CEF

Color Values

HEX

#104CEF

RGB

16, 76, 239

HSL

223.9, 87.5%, 50.0%

HSV

223.9, 93.3%, 93.7%

CMYK

93.3%, 68.2%, 0.0%, 6.3%

OKLCH

0.5043 0.2491 263.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#104CEF

#EFB310

Analogous

#10BBEF

#4410EF

#104CEF

Triadic

#104CEF

#EF104C

#4CEF10

Split Complementary

#104CEF

#EF4410

#BBEF10

Tetradic

#104CEF

#EF10BB

#EFB310

#10EF44

Color Blindness Simulation

Original

#104CEF

Protanopia

#2A2BC8

Deuteranopia

#2622BE

Tritanopia

#13A8A2

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BCCDFB
300
#8CA9F7
400
#4E7AF3
500
#104CEF
600
#0D3DBF
700
#0A3199
800
#082678
900
#0A1F57
950
#071337

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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