#106cd5 hex color

In a RGB color space, hex #106cd5 is composed of 6.3% red, 42.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 49.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 212 degrees, a saturation of 86% and a lightness of 44.9%. #106cd5 color hex could be obtained by blending #20d8ff with #0000ab. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 42
- B 84
RGB color chart
- C 92
- M 49
- Y 0
- K 16
CMYK color chart

● #106cd5 color description : Strong blue.

The hexadecimal color #106cd5 has RGB values of R:16, G:108, B:213 and CMYK values of C:0.92, M:0.49, Y:0, K:0.16. Its decimal value is 1076437.

Hex triplet	106cd5	`#106cd5`
RGB Decimal	16, 108, 213	`rgb(16,108,213)`
RGB Percent	6.3, 42.4, 83.5	`rgb(6.3%,42.4%,83.5%)`
CMYK	92, 49, 0, 16
HSL	212°, 86, 44.9	`hsl(212,86%,44.9%)`
HSV (or HSB)	212°, 92.5, 83.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.496, 15.524, -60.684
XYZ	17.584, 15.638, 65.039
xyY	0.179, 0.159, 15.638
CIE-LCH	46.496, 62.639, 284.349
CIE-LUV	46.496, -24.531, -92.884
Hunter-Lab	39.545, 10.168, -69.832
Binary	00010000, 01101100, 11010101

#106cd5
```
#106cd5 rgb(16,108,213)
```
#d57910
```
#d57910 rgb(213,121,16)
```

Complementary Color

#10cfd5
```
#10cfd5 rgb(16,207,213)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#1610d5
```
#1610d5 rgb(22,16,213)
```

Analogous Color

#cfd510
```
#cfd510 rgb(207,213,16)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#d51610
```
#d51610 rgb(213,22,16)
```

Split Complementary Color

#6cd510
```
#6cd510 rgb(108,213,16)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#d5106c
```
#d5106c rgb(213,16,108)
```

Triadic Color

#10d579
```
#10d579 rgb(16,213,121)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#d5106c
```
#d5106c rgb(213,16,108)
```
#d57910
```
#d57910 rgb(213,121,16)
```

Tetradic Color

#0b488e
```
#0b488e rgb(11,72,142)
```
#0c54a6
```
#0c54a6 rgb(12,84,166)
```
#0e60bd
```
#0e60bd rgb(14,96,189)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#1278ed
```
#1278ed rgb(18,120,237)
```
#2985ef
```
#2985ef rgb(41,133,239)
```
#4193f1
```
#4193f1 rgb(65,147,241)
```

Monochromatic Color

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

#109dd5
```
#109dd5 rgb(16,157,213)
```
#108dd5
```
#108dd5 rgb(16,141,213)
```
#107cd5
```
#107cd5 rgb(16,124,213)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#105cd5
```
#105cd5 rgb(16,92,213)
```
#104bd5
```
#104bd5 rgb(16,75,213)
```
#103bd5
```
#103bd5 rgb(16,59,213)
```

Similar Colors

Text with hexadecimal color #106cd5

This text has a font color of #106cd5.

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

#106cd5 background color

This paragraph has a background color of #106cd5.

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

#106cd5 border color

This element has a border color of #106cd5.

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

CSS codes

.text {color:#106cd5;}

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

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

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

#01060c
```
#01060c rgb(1,6,12)
```
#020f1f
```
#020f1f rgb(2,15,31)
```
#041931
```
#041931 rgb(4,25,49)
```
#052243
```
#052243 rgb(5,34,67)
```
#062b55
```
#062b55 rgb(6,43,85)
```
#083468
```
#083468 rgb(8,52,104)
```
#093e7a
```
#093e7a rgb(9,62,122)
```
#0b478c
```
#0b478c rgb(11,71,140)
```
#0c509e
```
#0c509e rgb(12,80,158)
```
#0d59b1
```
#0d59b1 rgb(13,89,177)
```
#0f63c3
```
#0f63c3 rgb(15,99,195)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#1175e7
```
#1175e7 rgb(17,117,231)
```

Shade Color Variation

#1e7fee
```
#1e7fee rgb(30,127,238)
```
#308aef
```
#308aef rgb(48,138,239)
```
#4394f1
```
#4394f1 rgb(67,148,241)
```
#559ef2
```
#559ef2 rgb(85,158,242)
```
#67a9f4
```
#67a9f4 rgb(103,169,244)
```
#79b3f5
```
#79b3f5 rgb(121,179,245)
```
#8cbdf6
```
#8cbdf6 rgb(140,189,246)
```
#9ec8f8
```
#9ec8f8 rgb(158,200,248)
```
#b0d2f9
```
#b0d2f9 rgb(176,210,249)
```
#c2ddfa
```
#c2ddfa rgb(194,221,250)
```
#d5e7fc
```
#d5e7fc rgb(213,231,252)
```
#e7f1fd
```
#e7f1fd rgb(231,241,253)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717274 is the less saturated color, while #076bde is the most saturated one.

#717274
```
#717274 rgb(113,114,116)
```
#68727d
```
#68727d rgb(104,114,125)
```
#5f7186
```
#5f7186 rgb(95,113,134)
```
#56718f
```
#56718f rgb(86,113,143)
```
#4e7097
```
#4e7097 rgb(78,112,151)
```
#456fa0
```
#456fa0 rgb(69,111,160)
```
#3c6fa9
```
#3c6fa9 rgb(60,111,169)
```
#336eb2
```
#336eb2 rgb(51,110,178)
```
#2a6ebb
```
#2a6ebb rgb(42,110,187)
```
#226dc3
```
#226dc3 rgb(34,109,195)
```
#196dcc
```
#196dcc rgb(25,109,204)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#076bde
```
#076bde rgb(7,107,222)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4d5f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3372d6 Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#2670d5 Protanomaly 1% of men, 0.01% of women
#0573ca Deuteranomaly 6% of men, 0.4% of women
#0579a4 Tritanomaly 0.01% of the population

#106cd5 hex color

#106cd5 Color Information

#106cd5 Color Conversion

Color Schemes with #106cd5

Alternatives to #106cd5

#106cd5 Preview

Shades and Tints of #106cd5

Tones of #106cd5

Color Blindness Simulator