#106fbb hex color

In a RGB color space, hex #106fbb is composed of 6.3% red, 43.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 40.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 206.7 degrees, a saturation of 84.2% and a lightness of 39.8%. #106fbb color hex could be obtained by blending #20deff with #000077. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 44
- B 73
RGB color chart
- C 91
- M 41
- Y 0
- K 27
CMYK color chart

● #106fbb color description : Strong blue.

The hexadecimal color #106fbb has RGB values of R:16, G:111, B:187 and CMYK values of C:0.91, M:0.41, Y:0, K:0.27. Its decimal value is 1077179.

Hex triplet	106fbb	`#106fbb`
RGB Decimal	16, 111, 187	`rgb(16,111,187)`
RGB Percent	6.3, 43.5, 73.3	`rgb(6.3%,43.5%,73.3%)`
CMYK	91, 41, 0, 27
HSL	206.7°, 84.2, 39.8	`hsl(206.7,84.2%,39.8%)`
HSV (or HSB)	206.7°, 91.4, 73.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.724, 3.341, -46.985
XYZ	14.866, 15.066, 49.135
xyY	0.188, 0.191, 15.066
CIE-LCH	45.724, 47.104, 274.068
CIE-LUV	45.724, -26.562, -70.799
Hunter-Lab	38.814, 0.439, -47.886
Binary	00010000, 01101111, 10111011

#106fbb
```
#106fbb rgb(16,111,187)
```
#bb5c10
```
#bb5c10 rgb(187,92,16)
```

Complementary Color

#10bbb2
```
#10bbb2 rgb(16,187,178)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#101abb
```
#101abb rgb(16,26,187)
```

Analogous Color

#bbb210
```
#bbb210 rgb(187,178,16)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#bb101a
```
#bb101a rgb(187,16,26)
```

Split Complementary Color

#6fbb10
```
#6fbb10 rgb(111,187,16)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#bb106f
```
#bb106f rgb(187,16,111)
```

Triadic Color

#10bb5c
```
#10bb5c rgb(16,187,92)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#bb106f
```
#bb106f rgb(187,16,111)
```
#bb5c10
```
#bb5c10 rgb(187,92,16)
```

Tetradic Color

#0a4575
```
#0a4575 rgb(10,69,117)
```
#0c538c
```
#0c538c rgb(12,83,140)
```
#0e61a4
```
#0e61a4 rgb(14,97,164)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#127dd2
```
#127dd2 rgb(18,125,210)
```
#148bea
```
#148bea rgb(20,139,234)
```
#2b97ed
```
#2b97ed rgb(43,151,237)
```

Monochromatic Color

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

#109abb
```
#109abb rgb(16,154,187)
```
#108cbb
```
#108cbb rgb(16,140,187)
```
#107dbb
```
#107dbb rgb(16,125,187)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#1061bb
```
#1061bb rgb(16,97,187)
```
#1053bb
```
#1053bb rgb(16,83,187)
```
#1044bb
```
#1044bb rgb(16,68,187)
```

Similar Colors

Text with hexadecimal color #106fbb

This text has a font color of #106fbb.

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

#106fbb background color

This paragraph has a background color of #106fbb.

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

#106fbb border color

This element has a border color of #106fbb.

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

CSS codes

.text {color:#106fbb;}

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

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

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, #010406 is the darkest color, while #f3f9fe is the lightest one.

#010406
```
#010406 rgb(1,4,6)
```
#020e18
```
#020e18 rgb(2,14,24)
```
#04192a
```
#04192a rgb(4,25,42)
```
#05243d
```
#05243d rgb(5,36,61)
```
#072f4f
```
#072f4f rgb(7,47,79)
```
#083961
```
#083961 rgb(8,57,97)
```
#0a4473
```
#0a4473 rgb(10,68,115)
```
#0b4f85
```
#0b4f85 rgb(11,79,133)
```
#0d5a97
```
#0d5a97 rgb(13,90,151)
```
#0e64a9
```
#0e64a9 rgb(14,100,169)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#127acd
```
#127acd rgb(18,122,205)
```
#1384df
```
#1384df rgb(19,132,223)
```

Shade Color Variation

#1a8feb
```
#1a8feb rgb(26,143,235)
```
#2c97ed
```
#2c97ed rgb(44,151,237)
```
#3fa0ef
```
#3fa0ef rgb(63,160,239)
```
#51a9f0
```
#51a9f0 rgb(81,169,240)
```
#63b2f2
```
#63b2f2 rgb(99,178,242)
```
#75bbf3
```
#75bbf3 rgb(117,187,243)
```
#87c4f5
```
#87c4f5 rgb(135,196,245)
```
#99cdf6
```
#99cdf6 rgb(153,205,246)
```
#abd6f8
```
#abd6f8 rgb(171,214,248)
```
#bddff9
```
#bddff9 rgb(189,223,249)
```
#cfe7fb
```
#cfe7fb rgb(207,231,251)
```
#e1f0fc
```
#e1f0fc rgb(225,240,252)
```
#f3f9fe
```
#f3f9fe rgb(243,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e666d is the less saturated color, while #0071cb is the most saturated one.

#5e666d
```
#5e666d rgb(94,102,109)
```
#566775
```
#566775 rgb(86,103,117)
```
#4e687d
```
#4e687d rgb(78,104,125)
```
#476984
```
#476984 rgb(71,105,132)
```
#3f6a8c
```
#3f6a8c rgb(63,106,140)
```
#376b94
```
#376b94 rgb(55,107,148)
```
#2f6c9c
```
#2f6c9c rgb(47,108,156)
```
#276ca4
```
#276ca4 rgb(39,108,164)
```
#206dab
```
#206dab rgb(32,109,171)
```
#186eb3
```
#186eb3 rgb(24,110,179)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#0870c3
```
#0870c3 rgb(8,112,195)
```
#0071cb
```
#0071cb rgb(0,113,203)
```

Tone Color Variation

Below, you can see how #106fbb 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

#5b5b5b Achromatopsia 0.005% of the population
#4c5f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5271ba Protanopia 1% of men
#2e75bf Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#3a70ba Protanomaly 1% of men, 0.01% of women
#2372bd Deuteranomaly 6% of men, 0.4% of women
#057999 Tritanomaly 0.01% of the population

#106fbb hex color

#106fbb Color Information

#106fbb Color Conversion

Color Schemes with #106fbb

Alternatives to #106fbb

#106fbb Preview

Shades and Tints of #106fbb

Tones of #106fbb

Color Blindness Simulator