#103FEF

#103FEF

Color Values

HEX

#103FEF

RGB

16, 63, 239

HSL

227.4, 87.5%, 50.0%

HSV

227.4, 93.3%, 93.7%

CMYK

93.3%, 73.6%, 0.0%, 6.3%

OKLCH

0.4843 0.262 264.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#103FEF

#EFC010

Analogous

#10AEEF

#5110EF

#103FEF

Triadic

#103FEF

#EF103F

#3FEF10

Split Complementary

#103FEF

#EF5110

#AEEF10

Tetradic

#103FEF

#EF10AE

#EFC010

#10EF51

Color Blindness Simulation

Original

#103FEF

Protanopia

#2425C4

Deuteranopia

#221EBA

Tritanopia

#12A39B

Achromatopsia

#424242

CSS Usage

background-color: #103FEF;
color: #103FEF;
border-color: #103FEF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BCC9FB
300
#8CA3F7
400
#4E71F3
500
#103FEF
600
#0D32BF
700
#0A2899
800
#081F78
900
#0A1A57
950
#071137

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026