#106cd4 hex color

In a RGB color space, hex #106cd4 is composed of 6.3% red, 42.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 49.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 211.8 degrees, a saturation of 86% and a lightness of 44.7%. #106cd4 color hex could be obtained by blending #20d8ff with #0000a9. Closest websafe color is: #0066cc.

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

● #106cd4 color description : Strong blue.

The hexadecimal color #106cd4 has RGB values of R:16, G:108, B:212 and CMYK values of C:0.92, M:0.49, Y:0, K:0.17. Its decimal value is 1076436.

Hex triplet	106cd4	`#106cd4`
RGB Decimal	16, 108, 212	`rgb(16,108,212)`
RGB Percent	6.3, 42.4, 83.1	`rgb(6.3%,42.4%,83.1%)`
CMYK	92, 49, 0, 17
HSL	211.8°, 86, 44.7	`hsl(211.8,86%,44.7%)`
HSV (or HSB)	211.8°, 92.5, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.428, 15.129, -60.224
XYZ	17.457, 15.587, 64.372
xyY	0.179, 0.16, 15.587
CIE-LCH	46.428, 62.095, 284.102
CIE-LUV	46.428, -24.567, -92.135
Hunter-Lab	39.481, 9.837, -69.035
Binary	00010000, 01101100, 11010100

#106cd4
```
#106cd4 rgb(16,108,212)
```
#d47810
```
#d47810 rgb(212,120,16)
```

Complementary Color

#10ced4
```
#10ced4 rgb(16,206,212)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#1610d4
```
#1610d4 rgb(22,16,212)
```

Analogous Color

#ced410
```
#ced410 rgb(206,212,16)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#d41610
```
#d41610 rgb(212,22,16)
```

Split Complementary Color

#6cd410
```
#6cd410 rgb(108,212,16)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#d4106c
```
#d4106c rgb(212,16,108)
```

Triadic Color

#10d478
```
#10d478 rgb(16,212,120)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#d4106c
```
#d4106c rgb(212,16,108)
```
#d47810
```
#d47810 rgb(212,120,16)
```

Tetradic Color

#0b488d
```
#0b488d rgb(11,72,141)
```
#0c54a5
```
#0c54a5 rgb(12,84,165)
```
#0e60bc
```
#0e60bc rgb(14,96,188)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#1278ec
```
#1278ec rgb(18,120,236)
```
#2885ef
```
#2885ef rgb(40,133,239)
```
#4093f1
```
#4093f1 rgb(64,147,241)
```

Monochromatic Color

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

#109dd4
```
#109dd4 rgb(16,157,212)
```
#108dd4
```
#108dd4 rgb(16,141,212)
```
#107cd4
```
#107cd4 rgb(16,124,212)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#105cd4
```
#105cd4 rgb(16,92,212)
```
#104bd4
```
#104bd4 rgb(16,75,212)
```
#103bd4
```
#103bd4 rgb(16,59,212)
```

Similar Colors

Text with hexadecimal color #106cd4

This text has a font color of #106cd4.

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

#106cd4 background color

This paragraph has a background color of #106cd4.

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

#106cd4 border color

This element has a border color of #106cd4.

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

CSS codes

.text {color:#106cd4;}

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

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

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

#01060b
```
#01060b rgb(1,6,11)
```
#020f1e
```
#020f1e rgb(2,15,30)
```
#041830
```
#041830 rgb(4,24,48)
```
#052242
```
#052242 rgb(5,34,66)
```
#062b54
```
#062b54 rgb(6,43,84)
```
#083467
```
#083467 rgb(8,52,103)
```
#093e79
```
#093e79 rgb(9,62,121)
```
#0a478b
```
#0a478b rgb(10,71,139)
```
#0c509d
```
#0c509d rgb(12,80,157)
```
#0d59b0
```
#0d59b0 rgb(13,89,176)
```
#0f63c2
```
#0f63c2 rgb(15,99,194)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#1175e6
```
#1175e6 rgb(17,117,230)
```

Shade Color Variation

#1d7fee
```
#1d7fee rgb(29,127,238)
```
#308aef
```
#308aef rgb(48,138,239)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#549ef2
```
#549ef2 rgb(84,158,242)
```
#66a9f3
```
#66a9f3 rgb(102,169,243)
```
#78b3f5
```
#78b3f5 rgb(120,179,245)
```
#8bbdf6
```
#8bbdf6 rgb(139,189,246)
```
#9dc7f8
```
#9dc7f8 rgb(157,199,248)
```
#afd2f9
```
#afd2f9 rgb(175,210,249)
```
#c1dcfa
```
#c1dcfa rgb(193,220,250)
```
#d4e6fc
```
#d4e6fc rgb(212,230,252)
```
#e6f1fd
```
#e6f1fd rgb(230,241,253)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#707274
```
#707274 rgb(112,114,116)
```
#68717c
```
#68717c rgb(104,113,124)
```
#5f7185
```
#5f7185 rgb(95,113,133)
```
#56708e
```
#56708e rgb(86,112,142)
```
#4d7097
```
#4d7097 rgb(77,112,151)
```
#456f9f
```
#456f9f rgb(69,111,159)
```
#3c6fa8
```
#3c6fa8 rgb(60,111,168)
```
#336eb1
```
#336eb1 rgb(51,110,177)
```
#2a6eba
```
#2a6eba rgb(42,110,186)
```
#226dc2
```
#226dc2 rgb(34,109,194)
```
#196dcb
```
#196dcb rgb(25,109,203)
```
#106cd4
```
#106cd4 rgb(16,108,212)
```
#076bdd
```
#076bdd rgb(7,107,221)
```

Tone Color Variation

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

#3472d4 Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#276fd4 Protanomaly 1% of men, 0.01% of women
#0573ca Deuteranomaly 6% of men, 0.4% of women
#0579a3 Tritanomaly 0.01% of the population

#106cd4 hex color

#106cd4 Color Information

#106cd4 Color Conversion

Color Schemes with #106cd4

Alternatives to #106cd4

#106cd4 Preview

Shades and Tints of #106cd4

Tones of #106cd4

Color Blindness Simulator