#106BCD

#106BCD

Color Values

HEX

#106BCD

RGB

16, 107, 205

HSL

211.1, 85.5%, 43.3%

HSV

211.1, 92.2%, 80.4%

CMYK

92.2%, 47.8%, 0.0%, 19.6%

OKLCH

0.5353 0.1708 255.4

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#106BCD

#CD7210

Analogous

#10C9CD

#1310CD

#106BCD

Triadic

#106BCD

#CD106B

#6BCD10

Split Complementary

#106BCD

#CD1310

#C9CD10

Tetradic

#106BCD

#CD10C9

#CD7210

#10CD13

Color Blindness Simulation

Original

#106BCD

Protanopia

#3738B5

Deuteranopia

#322BB0

Tritanopia

#15A39E

Achromatopsia

#5F5F5F

CSS Usage

background-color: #106BCD;
color: #106BCD;
border-color: #106BCD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAFA
300
#8DC0F6
400
#509EF1
500
#127CED
600
#0F63BD
700
#0C4F97
800
#093E76
900
#0B2F56
950
#071E36

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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