#106bcc Color Information
In a RGB color space, hex #106bcc is composed of 6.3% red, 42% green and 80% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 47.5% magenta, 0% yellow and 20% black. It has a hue angle of 211 degrees, a saturation of 85.5% and a lightness of 43.1%. #106bcc color hex could be obtained by blending #20d6ff with #000099. Closest websafe color is: #0066cc.
-
- R 6
- G 42
- B 80
-
- C 92
- M 48
- Y 0
- K 20
● #106bcc color description : Strong blue.
#106bcc Color Conversion
The hexadecimal color #106bcc has RGB values of R:16, G:107, B:204 and CMYK values of C:0.92, M:0.48, Y:0, K:0.2. Its decimal value is 1076172.
Hex triplet | 106bcc | #106bcc |
---|---|---|
RGB Decimal | 16, 107, 204 | rgb(16,107,204) |
RGB Percent | 6.3, 42, 80 | rgb(6.3%,42%,80%) |
CMYK | 92, 48, 0, 20 | |
HSL | 211°, 85.5, 43.1 | hsl(211,85.5%,43.1%) |
HSV (or HSB) | 211°, 92.2, 80 | |
Web Safe | 0066cc | #0066cc |
CIE-LAB | 45.612, 12.609, -56.966 |
---|---|
XYZ | 16.368, 14.984, 59.153 |
xyY | 0.181, 0.166, 14.984 |
CIE-LCH | 45.612, 58.345, 282.481 |
CIE-LUV | 45.612, -24.564, -86.672 |
Hunter-Lab | 38.709, 7.738, -63.508 |
Binary | 00010000, 01101011, 11001100 |
Color Schemes with #106bcc
Alternatives to #106bcc
Below, you can see some colors close to #106bcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#106bcc Preview
This text has a font color of #106bcc.
<span style="color:#106bcc;">Text here</span>
This paragraph has a background color of #106bcc.
<p style="background-color:#106bcc;">Content here</p>
This element has a border color of #106bcc.
<div style="border:1px solid #106bcc;">Content here</div>
.text {color:#106bcc;}
.background {background-color:#106bcc;}
.border {border:1px solid #106bcc;}
Shades and Tints of #106bcc
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, #000204 is the darkest color, while #f1f7fe is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#020c16
#020c16
rgb(2,12,22)
-
#031528
#031528
rgb(3,21,40)
-
#051f3a
#051f3a
rgb(5,31,58)
-
#06284d
#06284d
rgb(6,40,77)
-
#07325f
#07325f
rgb(7,50,95)
-
#093b71
#093b71
rgb(9,59,113)
-
#0a4583
#0a4583
rgb(10,69,131)
-
#0c4e95
#0c4e95
rgb(12,78,149)
-
#0d58a8
#0d58a8
rgb(13,88,168)
-
#0f61ba
#0f61ba
rgb(15,97,186)
-
#106bcc
#106bcc
rgb(16,107,204)
-
#1175de
#1175de
rgb(17,117,222)
-
#167eed
#167eed
rgb(22,126,237)
-
#2988ee
#2988ee
rgb(41,136,238)
-
#3b92f0
#3b92f0
rgb(59,146,240)
-
#4d9cf1
#4d9cf1
rgb(77,156,241)
-
#5fa6f2
#5fa6f2
rgb(95,166,242)
-
#71b1f4
#71b1f4
rgb(113,177,244)
-
#84bbf5
#84bbf5
rgb(132,187,245)
-
#96c5f7
#96c5f7
rgb(150,197,247)
-
#a8cff8
#a8cff8
rgb(168,207,248)
-
#bad9fa
#bad9fa
rgb(186,217,250)
-
#cce3fb
#cce3fb
rgb(204,227,251)
-
#dfedfc
#dfedfc
rgb(223,237,252)
-
#f1f7fe
#f1f7fe
rgb(241,247,254)
Tones of #106bcc
A tone is produced by adding gray to any pure hue. In this case, #6d6e6f is the less saturated color, while #086bd4 is the most saturated one.
-
#6d6e6f
#6d6e6f
rgb(109,110,111)
-
#656e77
#656e77
rgb(101,110,119)
-
#5c6d80
#5c6d80
rgb(92,109,128)
-
#546d88
#546d88
rgb(84,109,136)
-
#4b6d91
#4b6d91
rgb(75,109,145)
-
#436d99
#436d99
rgb(67,109,153)
-
#3a6ca2
#3a6ca2
rgb(58,108,162)
-
#326caa
#326caa
rgb(50,108,170)
-
#296cb3
#296cb3
rgb(41,108,179)
-
#216cbb
#216cbb
rgb(33,108,187)
-
#186bc4
#186bc4
rgb(24,107,196)
-
#106bcc
#106bcc
rgb(16,107,204)
-
#086bd4
#086bd4
rgb(8,107,212)
Color Blindness Simulator
Below, you can see how #106bcc 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.