#105CEF

#105CEF

Color Values

HEX

#105CEF

RGB

16, 92, 239

HSL

219.6, 87.5%, 50.0%

HSV

219.6, 93.3%, 93.7%

CMYK

93.3%, 61.5%, 0.0%, 6.3%

OKLCH

0.5323 0.2315 262.1

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#105CEF

#EFA310

Analogous

#10CBEF

#3410EF

#105CEF

Triadic

#105CEF

#EF105C

#5CEF10

Split Complementary

#105CEF

#EF3410

#CBEF10

Tetradic

#105CEF

#EF10CB

#EFA310

#10EF34

Color Blindness Simulation

Original

#105CEF

Protanopia

#3132CB

Deuteranopia

#2C27C3

Tritanopia

#14AFA9

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0E9FA
200
#BCD1FB
300
#8CB1F7
400
#4E86F3
500
#105CEF
600
#0D49BF
700
#0A3B99
800
#082E78
900
#0A2457
950
#071737

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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