#105AEF

#105AEF

Color Values

HEX

#105AEF

RGB

16, 90, 239

HSL

220.1, 87.5%, 50.0%

HSV

220.1, 93.3%, 93.7%

CMYK

93.3%, 62.3%, 0.0%, 6.3%

OKLCH

0.5286 0.2338 262.3

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#105AEF

#EFA510

Analogous

#10CAEF

#3510EF

#105AEF

Triadic

#105AEF

#EF105A

#5AEF10

Split Complementary

#105AEF

#EF3510

#CAEF10

Tetradic

#105AEF

#EF10CA

#EFA510

#10EF35

Color Blindness Simulation

Original

#105AEF

Protanopia

#3031CB

Deuteranopia

#2C26C2

Tritanopia

#14AEA8

Achromatopsia

#555555

CSS Usage

background-color: #105AEF;
color: #105AEF;
border-color: #105AEF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F5FD
100
#E0E9FA
200
#BCD1FB
300
#8CB0F7
400
#4E85F3
500
#105AEF
600
#0D48BF
700
#0A3A99
800
#082D78
900
#0A2457
950
#071637

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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