#106DEF

#106DEF

Color Values

HEX

#106DEF

RGB

16, 109, 239

HSL

215,0, 87,5%, 50,0%

HSV

215,0, 93,3%, 93,7%

CMYK

93,3%, 54,4%, 0,0%, 6,3%

OKLCH

0,5653 0,2117 259,2

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#106DEF

#EF9210

Analogous

#10DCEF

#2310EF

#106DEF

Triadic

#106DEF

#EF106D

#6DEF10

Split Complementary

#106DEF

#EF2310

#DCEF10

Tetradic

#106DEF

#EF10DC

#EF9210

#10EF23

Color Blindness Simulation

Original

#106DEF

Protanopia

#3839D0

Deuteranopia

#332CC8

Tritanopia

#15B7B1

Achromatopsia

#636363

CSS Usage

background-color: #106DEF;
color: #106DEF;
border-color: #106DEF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BCD6FB
300
#8CB9F7
400
#4E93F3
500
#106DEF
600
#0D57BF
700
#0A4699
800
#083678
900
#0A2A57
950
#071B37

Contrast Checker

Text on white

4,71:1

AA Pass AAA Fail

Text on black

4,46: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