#106ac7 hex color

In a RGB color space, hex #106ac7 is composed of 6.3% red, 41.6% green and 78% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 46.7% magenta, 0% yellow and 22% black. It has a hue angle of 210.5 degrees, a saturation of 85.1% and a lightness of 42.2%. #106ac7 color hex could be obtained by blending #20d4ff with #00008f. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 42
- B 78
RGB color chart
- C 92
- M 47
- Y 0
- K 22
CMYK color chart

● #106ac7 color description : Strong blue.

The hexadecimal color #106ac7 has RGB values of R:16, G:106, B:199 and CMYK values of C:0.92, M:0.47, Y:0, K:0.22. Its decimal value is 1075911.

Hex triplet	106ac7	`#106ac7`
RGB Decimal	16, 106, 199	`rgb(16,106,199)`
RGB Percent	6.3, 41.6, 78	`rgb(6.3%,41.6%,78%)`
CMYK	92, 47, 0, 22
HSL	210.5°, 85.1, 42.2	`hsl(210.5,85.1%,42.2%)`
HSV (or HSB)	210.5°, 92, 78
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.998, 11.267, -55.081
XYZ	15.674, 14.54, 56.01
xyY	0.182, 0.169, 14.54
CIE-LCH	44.998, 56.222, 281.561
CIE-LUV	44.998, -24.454, -83.448
Hunter-Lab	38.132, 6.642, -60.396
Binary	00010000, 01101010, 11000111

#106ac7
```
#106ac7 rgb(16,106,199)
```
#c76d10
```
#c76d10 rgb(199,109,16)
```

Complementary Color

#10c6c7
```
#10c6c7 rgb(16,198,199)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#1110c7
```
#1110c7 rgb(17,16,199)
```

Analogous Color

#c6c710
```
#c6c710 rgb(198,199,16)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#c71110
```
#c71110 rgb(199,17,16)
```

Split Complementary Color

#6ac710
```
#6ac710 rgb(106,199,16)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#c7106a
```
#c7106a rgb(199,16,106)
```

Triadic Color

#10c76d
```
#10c76d rgb(16,199,109)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#c7106a
```
#c7106a rgb(199,16,106)
```
#c76d10
```
#c76d10 rgb(199,109,16)
```

Tetradic Color

#0a4480
```
#0a4480 rgb(10,68,128)
```
#0c5198
```
#0c5198 rgb(12,81,152)
```
#0e5daf
```
#0e5daf rgb(14,93,175)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#1277df
```
#1277df rgb(18,119,223)
```
#1d83ed
```
#1d83ed rgb(29,131,237)
```
#3590ef
```
#3590ef rgb(53,144,239)
```

Monochromatic Color

Below, you can see some colors close to #106ac7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1098c7
```
#1098c7 rgb(16,152,199)
```
#1089c7
```
#1089c7 rgb(16,137,199)
```
#1079c7
```
#1079c7 rgb(16,121,199)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#105bc7
```
#105bc7 rgb(16,91,199)
```
#104cc7
```
#104cc7 rgb(16,76,199)
```
#103cc7
```
#103cc7 rgb(16,60,199)
```

Similar Colors

Text with hexadecimal color #106ac7

This text has a font color of #106ac7.

<span style="color:#106ac7;">Text here</span>

#106ac7 background color

This paragraph has a background color of #106ac7.

<p style="background-color:#106ac7;">Content here</p>

#106ac7 border color

This element has a border color of #106ac7.

<div style="border:1px solid #106ac7;">Content here</div>

CSS codes

.text {color:#106ac7;}

.background {background-color:#106ac7;}

.border {border:1px solid #106ac7;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010911 is the darkest color, while #feffff is the lightest one.

#010911
```
#010911 rgb(1,9,17)
```
#031324
```
#031324 rgb(3,19,36)
```
#041d36
```
#041d36 rgb(4,29,54)
```
#062648
```
#062648 rgb(6,38,72)
```
#07305a
```
#07305a rgb(7,48,90)
```
#093a6c
```
#093a6c rgb(9,58,108)
```
#0a437e
```
#0a437e rgb(10,67,126)
```
#0c4d91
```
#0c4d91 rgb(12,77,145)
```
#0d57a3
```
#0d57a3 rgb(13,87,163)
```
#0f60b5
```
#0f60b5 rgb(15,96,181)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#1174d9
```
#1174d9 rgb(17,116,217)
```
#137deb
```
#137deb rgb(19,125,235)
```

Shade Color Variation

#2487ed
```
#2487ed rgb(36,135,237)
```
#3791ef
```
#3791ef rgb(55,145,239)
```
#499bf0
```
#499bf0 rgb(73,155,240)
```
#5ba5f2
```
#5ba5f2 rgb(91,165,242)
```
#6daff3
```
#6daff3 rgb(109,175,243)
```
#7fb9f5
```
#7fb9f5 rgb(127,185,245)
```
#91c3f6
```
#91c3f6 rgb(145,195,246)
```
#a4cdf8
```
#a4cdf8 rgb(164,205,248)
```
#b6d7f9
```
#b6d7f9 rgb(182,215,249)
```
#c8e1fb
```
#c8e1fb rgb(200,225,251)
```
#daebfc
```
#daebfc rgb(218,235,252)
```
#ecf5fd
```
#ecf5fd rgb(236,245,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6b6c is the less saturated color, while #086acf is the most saturated one.

#6b6b6c
```
#6b6b6c rgb(107,107,108)
```
#636b74
```
#636b74 rgb(99,107,116)
```
#5a6b7d
```
#5a6b7d rgb(90,107,125)
```
#526b85
```
#526b85 rgb(82,107,133)
```
#4a6b8d
```
#4a6b8d rgb(74,107,141)
```
#426b95
```
#426b95 rgb(66,107,149)
```
#396b9e
```
#396b9e rgb(57,107,158)
```
#316ba6
```
#316ba6 rgb(49,107,166)
```
#296aae
```
#296aae rgb(41,106,174)
```
#216ab6
```
#216ab6 rgb(33,106,182)
```
#186abf
```
#186abf rgb(24,106,191)
```
#106ac7
```
#106ac7 rgb(16,106,199)
```
#086acf
```
#086acf rgb(8,106,207)
```

Tone Color Variation

Below, you can see how #106ac7 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5a5a5a Achromatopsia 0.005% of the population
#4b5d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f6fc7 Protanopia 1% of men
#0074c0 Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#2e6dc7 Protanomaly 1% of men, 0.01% of women
#0570c2 Deuteranomaly 6% of men, 0.4% of women
#05769c Tritanomaly 0.01% of the population

#106ac7 hex color

#106ac7 Color Information

#106ac7 Color Conversion

Color Schemes with #106ac7

Alternatives to #106ac7

#106ac7 Preview

Shades and Tints of #106ac7

Tones of #106ac7

Color Blindness Simulator