#106afb hex color

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

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

● #106afb color description : Vivid blue.

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

Hex triplet	106afb	`#106afb`
RGB Decimal	16, 106, 251	`rgb(16,106,251)`
RGB Percent	6.3, 41.6, 98.4	`rgb(6.3%,41.6%,98.4%)`
CMYK	94, 58, 0, 2
HSL	217°, 96.7, 52.4	`hsl(217,96.7%,52.4%)`
HSV (or HSB)	217°, 93.6, 98.4
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.737, 31.527, -78.427
XYZ	22.777, 17.381, 93.416
xyY	0.171, 0.13, 17.381
CIE-LCH	48.737, 84.527, 291.9
CIE-LUV	48.737, -22.955, -120.918
Hunter-Lab	41.691, 24.559, -103.666
Binary	00010000, 01101010, 11111011

#106afb
```
#106afb rgb(16,106,251)
```
#fba110
```
#fba110 rgb(251,161,16)
```

Complementary Color

#10e0fb
```
#10e0fb rgb(16,224,251)
```
#106afb
```
#106afb rgb(16,106,251)
```
#2c10fb
```
#2c10fb rgb(44,16,251)
```

Analogous Color

#e0fb10
```
#e0fb10 rgb(224,251,16)
```
#106afb
```
#106afb rgb(16,106,251)
```
#fb2c10
```
#fb2c10 rgb(251,44,16)
```

Split Complementary Color

#6afb10
```
#6afb10 rgb(106,251,16)
```
#106afb
```
#106afb rgb(16,106,251)
```
#fb106a
```
#fb106a rgb(251,16,106)
```

Triadic Color

#10fba1
```
#10fba1 rgb(16,251,161)
```
#106afb
```
#106afb rgb(16,106,251)
```
#fb106a
```
#fb106a rgb(251,16,106)
```
#fba110
```
#fba110 rgb(251,161,16)
```

Tetradic Color

#034abb
```
#034abb rgb(3,74,187)
```
#0454d4
```
#0454d4 rgb(4,84,212)
```
#045dee
```
#045dee rgb(4,93,238)
```
#106afb
```
#106afb rgb(16,106,251)
```
#297afb
```
#297afb rgb(41,122,251)
```
#4289fc
```
#4289fc rgb(66,137,252)
```
#5b99fc
```
#5b99fc rgb(91,153,252)
```

Monochromatic Color

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

#10a5fb
```
#10a5fb rgb(16,165,251)
```
#1091fb
```
#1091fb rgb(16,145,251)
```
#107efb
```
#107efb rgb(16,126,251)
```
#106afb
```
#106afb rgb(16,106,251)
```
#1056fb
```
#1056fb rgb(16,86,251)
```
#1043fb
```
#1043fb rgb(16,67,251)
```
#102ffb
```
#102ffb rgb(16,47,251)
```

Similar Colors

Text with hexadecimal color #106afb

This text has a font color of #106afb.

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

#106afb background color

This paragraph has a background color of #106afb.

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

#106afb border color

This element has a border color of #106afb.

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

CSS codes

.text {color:#106afb;}

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

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

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)
```
#011b46
```
#011b46 rgb(1,27,70)
```
#012359
```
#012359 rgb(1,35,89)
```
#022b6c
```
#022b6c rgb(2,43,108)
```
#023280
```
#023280 rgb(2,50,128)
```
#023a93
```
#023a93 rgb(2,58,147)
```
#0341a6
```
#0341a6 rgb(3,65,166)
```
#0349b9
```
#0349b9 rgb(3,73,185)
```
#0351cd
```
#0351cd rgb(3,81,205)
```
#0458e0
```
#0458e0 rgb(4,88,224)
```
#0460f3
```
#0460f3 rgb(4,96,243)
```

Shade Color Variation

#106afb
```
#106afb rgb(16,106,251)
```
#2376fb
```
#2376fb rgb(35,118,251)
```
#3782fc
```
#3782fc rgb(55,130,252)
```
#4a8efc
```
#4a8efc rgb(74,142,252)
```
#5d9afc
```
#5d9afc rgb(93,154,252)
```
#70a6fd
```
#70a6fd rgb(112,166,253)
```
#84b2fd
```
#84b2fd rgb(132,178,253)
```
#97befd
```
#97befd rgb(151,190,253)
```
#aacafe
```
#aacafe rgb(170,202,254)
```
#bed6fe
```
#bed6fe rgb(190,214,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 #106afb 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)
```
#5b7bb0
```
#5b7bb0 rgb(91,123,176)
```
#5179ba
```
#5179ba rgb(81,121,186)
```
#4877c3
```
#4877c3 rgb(72,119,195)
```
#3f75cc
```
#3f75cc rgb(63,117,204)
```
#3573d6
```
#3573d6 rgb(53,115,214)
```
#2c71df
```
#2c71df rgb(44,113,223)
```
#236ee8
```
#236ee8 rgb(35,110,232)
```
#196cf2
```
#196cf2 rgb(25,108,242)
```
#106afb
```
#106afb rgb(16,106,251)
```

Tone Color Variation

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

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0572ef Protanomaly 1% of men, 0.01% of women
#0576dc Deuteranomaly 6% of men, 0.4% of women
#057cb5 Tritanomaly 0.01% of the population

#106afb hex color

#106afb Color Information

#106afb Color Conversion

Color Schemes with #106afb

Alternatives to #106afb

#106afb Preview

Shades and Tints of #106afb

Tones of #106afb

Color Blindness Simulator