#106AEF

#106AEF

Color Values

HEX

#106AEF

RGB

16, 106, 239

HSL

215.8, 87.5%, 50.0%

HSV

215.8, 93.3%, 93.7%

CMYK

93.3%, 55.6%, 0.0%, 6.3%

OKLCH

0.5593 0.2152 259.8

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#106AEF

#EF9510

Analogous

#10D9EF

#2610EF

#106AEF

Triadic

#106AEF

#EF106A

#6AEF10

Split Complementary

#106AEF

#EF2610

#D9EF10

Tetradic

#106AEF

#EF10D9

#EF9510

#10EF26

Color Blindness Simulation

Original

#106AEF

Protanopia

#3738CF

Deuteranopia

#322BC7

Tritanopia

#14B5B0

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BCD5FB
300
#8CB7F7
400
#4E91F3
500
#106AEF
600
#0D55BF
700
#0A4499
800
#083578
900
#0A2957
950
#071A37

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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