#106BBA

#106BBA

Color Values

HEX

#106BBA

RGB

16, 107, 186

HSL

207.9, 84.2%, 39.6%

HSV

207.9, 91.4%, 72.9%

CMYK

91.4%, 42.5%, 0.0%, 27.1%

OKLCH

0.5221 0.1464 251.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#106BBA

#BA5F10

Analogous

#10BAB4

#1016BA

#106BBA

Triadic

#106BBA

#BA106B

#6BBA10

Split Complementary

#106BBA

#BA1016

#BAB410

Tetradic

#106BBA

#B410BA

#BA5F10

#16BA10

Color Blindness Simulation

Original

#106BBA

Protanopia

#3738A7

Deuteranopia

#322BA2

Tritanopia

#159894

Achromatopsia

#5D5D5D

CSS Usage

background-color: #106BBA;
color: #106BBA;
border-color: #106BBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDF9
300
#8EC5F5
400
#51A6F0
500
#1487EB
600
#106CBC
700
#0D5696
800
#0A4475
900
#0C3355
950
#072036

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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