#106DBC

#106DBC

Color Values

HEX

#106DBC

RGB

16, 109, 188

HSL

207.6, 84.3%, 40.0%

HSV

207.6, 91.5%, 73.7%

CMYK

91.5%, 42.0%, 0.0%, 26.3%

OKLCH

0.5281 0.1468 251.0

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#106DBC

#BC5F10

Analogous

#10BCB5

#1017BC

#106DBC

Triadic

#106DBC

#BC106D

#6DBC10

Split Complementary

#106DBC

#BC1017

#BCB510

Tetradic

#106DBC

#B510BC

#BC5F10

#17BC10

Color Blindness Simulation

Original

#106DBC

Protanopia

#3839A9

Deuteranopia

#332CA4

Tritanopia

#159A96

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEF9
300
#8EC6F5
400
#51A7F0
500
#1488EB
600
#106DBC
700
#0D5796
800
#0A4475
900
#0C3355
950
#072036

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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