#106bfb hex color

In a RGB color space, hex #106bfb is composed of 6.3% red, 42% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 93.6% cyan, 57.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 216.8 degrees, a saturation of 96.7% and a lightness of 52.4%. #106bfb color hex could be obtained by blending #20d6ff with #0000f7. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 42
- B 98
RGB color chart
- C 94
- M 57
- Y 0
- K 2
CMYK color chart

● #106bfb color description : Vivid blue.

The hexadecimal color #106bfb has RGB values of R:16, G:107, B:251 and CMYK values of C:0.94, M:0.57, Y:0, K:0.02. Its decimal value is 1076219.

Hex triplet	106bfb	`#106bfb`
RGB Decimal	16, 107, 251	`rgb(16,107,251)`
RGB Percent	6.3, 42, 98.4	`rgb(6.3%,42%,98.4%)`
CMYK	94, 57, 0, 2
HSL	216.8°, 96.7, 52.4	`hsl(216.8,96.7%,52.4%)`
HSV (or HSB)	216.8°, 93.6, 98.4
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.993, 30.892, -78.008
XYZ	22.88, 17.589, 93.451
xyY	0.171, 0.131, 17.589
CIE-LCH	48.993, 83.903, 291.604
CIE-LUV	48.993, -23.212, -120.492
Hunter-Lab	41.939, 23.99, -102.756
Binary	00010000, 01101011, 11111011

#106bfb
```
#106bfb rgb(16,107,251)
```
#fba010
```
#fba010 rgb(251,160,16)
```

Complementary Color

#10e1fb
```
#10e1fb rgb(16,225,251)
```
#106bfb
```
#106bfb rgb(16,107,251)
```
#2b10fb
```
#2b10fb rgb(43,16,251)
```

Analogous Color

#e1fb10
```
#e1fb10 rgb(225,251,16)
```
#106bfb
```
#106bfb rgb(16,107,251)
```
#fb2b10
```
#fb2b10 rgb(251,43,16)
```

Split Complementary Color

#6bfb10
```
#6bfb10 rgb(107,251,16)
```
#106bfb
```
#106bfb rgb(16,107,251)
```
#fb106b
```
#fb106b rgb(251,16,107)
```

Triadic Color

#10fba0
```
#10fba0 rgb(16,251,160)
```
#106bfb
```
#106bfb rgb(16,107,251)
```
#fb106b
```
#fb106b rgb(251,16,107)
```
#fba010
```
#fba010 rgb(251,160,16)
```

Tetradic Color

#034abb
```
#034abb rgb(3,74,187)
```
#0454d4
```
#0454d4 rgb(4,84,212)
```
#045eee
```
#045eee rgb(4,94,238)
```
#106bfb
```
#106bfb rgb(16,107,251)
```
#297bfb
```
#297bfb rgb(41,123,251)
```
#428afc
```
#428afc rgb(66,138,252)
```
#5b9afc
```
#5b9afc rgb(91,154,252)
```

Monochromatic Color

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

#10a6fb
```
#10a6fb rgb(16,166,251)
```
#1092fb
```
#1092fb rgb(16,146,251)
```
#107ffb
```
#107ffb rgb(16,127,251)
```
#106bfb
```
#106bfb rgb(16,107,251)
```
#1057fb
```
#1057fb rgb(16,87,251)
```
#1044fb
```
#1044fb rgb(16,68,251)
```
#1030fb
```
#1030fb rgb(16,48,251)
```

Similar Colors

Text with hexadecimal color #106bfb

This text has a font color of #106bfb.

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

#106bfb background color

This paragraph has a background color of #106bfb.

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

#106bfb border color

This element has a border color of #106bfb.

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

CSS codes

.text {color:#106bfb;}

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

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

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, #00050c is the darkest color, while #f8faff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#010c1f
```
#010c1f rgb(1,12,31)
```
#011432
```
#011432 rgb(1,20,50)
```
#011c46
```
#011c46 rgb(1,28,70)
```
#012359
```
#012359 rgb(1,35,89)
```
#022b6c
```
#022b6c rgb(2,43,108)
```
#023380
```
#023380 rgb(2,51,128)
```
#023a93
```
#023a93 rgb(2,58,147)
```
#0342a6
```
#0342a6 rgb(3,66,166)
```
#034ab9
```
#034ab9 rgb(3,74,185)
```
#0351cd
```
#0351cd rgb(3,81,205)
```
#0459e0
```
#0459e0 rgb(4,89,224)
```
#0461f3
```
#0461f3 rgb(4,97,243)
```

Shade Color Variation

#106bfb
```
#106bfb rgb(16,107,251)
```
#2377fb
```
#2377fb rgb(35,119,251)
```
#3783fc
```
#3783fc rgb(55,131,252)
```
#4a8ffc
```
#4a8ffc rgb(74,143,252)
```
#5d9bfc
```
#5d9bfc rgb(93,155,252)
```
#70a7fd
```
#70a7fd rgb(112,167,253)
```
#84b3fd
```
#84b3fd rgb(132,179,253)
```
#97bffd
```
#97bffd rgb(151,191,253)
```
#aacbfe
```
#aacbfe rgb(170,203,254)
```
#bed7fe
```
#bed7fe rgb(190,215,254)
```
#d1e2fe
```
#d1e2fe rgb(209,226,254)
```
#e4eeff
```
#e4eeff rgb(228,238,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80848b is the less saturated color, while #106bfb is the most saturated one.

#80848b
```
#80848b rgb(128,132,139)
```
#778294
```
#778294 rgb(119,130,148)
```
#6d809e
```
#6d809e rgb(109,128,158)
```
#647ea7
```
#647ea7 rgb(100,126,167)
```
#5b7cb0
```
#5b7cb0 rgb(91,124,176)
```
#517aba
```
#517aba rgb(81,122,186)
```
#4878c3
```
#4878c3 rgb(72,120,195)
```
#3f76cc
```
#3f76cc rgb(63,118,204)
```
#3573d6
```
#3573d6 rgb(53,115,214)
```
#2c71df
```
#2c71df rgb(44,113,223)
```
#236fe8
```
#236fe8 rgb(35,111,232)
```
#196df2
```
#196df2 rgb(25,109,242)
```
#106bfb
```
#106bfb rgb(16,107,251)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#50627f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0573f0 Protanomaly 1% of men, 0.01% of women
#0577dd Deuteranomaly 6% of men, 0.4% of women
#057db6 Tritanomaly 0.01% of the population

#106bfb hex color

#106bfb Color Information

#106bfb Color Conversion

Color Schemes with #106bfb

Alternatives to #106bfb

#106bfb Preview

Shades and Tints of #106bfb

Tones of #106bfb

Color Blindness Simulator