#106ce6 hex color

In a RGB color space, hex #106ce6 is composed of 6.3% red, 42.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 93% cyan, 53% magenta, 0% yellow and 9.8% black. It has a hue angle of 214.2 degrees, a saturation of 87% and a lightness of 48.2%. #106ce6 color hex could be obtained by blending #20d8ff with #0000cd. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 42
- B 90
RGB color chart
- C 93
- M 53
- Y 0
- K 10
CMYK color chart

● #106ce6 color description : Vivid blue.

The hexadecimal color #106ce6 has RGB values of R:16, G:108, B:230 and CMYK values of C:0.93, M:0.53, Y:0, K:0.1. Its decimal value is 1076454.

Hex triplet	106ce6	`#106ce6`
RGB Decimal	16, 108, 230	`rgb(16,108,230)`
RGB Percent	6.3, 42.4, 90.2	`rgb(6.3%,42.4%,90.2%)`
CMYK	93, 53, 0, 10
HSL	214.2°, 87, 48.2	`hsl(214.2,87%,48.2%)`
HSV (or HSB)	214.2°, 93, 90.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.684, 22.181, -68.391
XYZ	19.856, 16.547, 77.006
xyY	0.175, 0.146, 16.547
CIE-LCH	47.684, 71.898, 287.969
CIE-LUV	47.684, -23.988, -105.346
Hunter-Lab	40.678, 15.945, -83.766
Binary	00010000, 01101100, 11100110

#106ce6
```
#106ce6 rgb(16,108,230)
```
#e68a10
```
#e68a10 rgb(230,138,16)
```

Complementary Color

#10d7e6
```
#10d7e6 rgb(16,215,230)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```
#1f10e6
```
#1f10e6 rgb(31,16,230)
```

Analogous Color

#d7e610
```
#d7e610 rgb(215,230,16)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```
#e61f10
```
#e61f10 rgb(230,31,16)
```

Split Complementary Color

#6ce610
```
#6ce610 rgb(108,230,16)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```
#e6106c
```
#e6106c rgb(230,16,108)
```

Triadic Color

#10e68a
```
#10e68a rgb(16,230,138)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```
#e6106c
```
#e6106c rgb(230,16,108)
```
#e68a10
```
#e68a10 rgb(230,138,16)
```

Tetradic Color

#0b4a9e
```
#0b4a9e rgb(11,74,158)
```
#0d56b6
```
#0d56b6 rgb(13,86,182)
```
#0e61ce
```
#0e61ce rgb(14,97,206)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```
#2079ef
```
#2079ef rgb(32,121,239)
```
#3888f1
```
#3888f1 rgb(56,136,241)
```
#5096f3
```
#5096f3 rgb(80,150,243)
```

Monochromatic Color

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

#10a2e6
```
#10a2e6 rgb(16,162,230)
```
#1090e6
```
#1090e6 rgb(16,144,230)
```
#107ee6
```
#107ee6 rgb(16,126,230)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```
#105ae6
```
#105ae6 rgb(16,90,230)
```
#1048e6
```
#1048e6 rgb(16,72,230)
```
#1037e6
```
#1037e6 rgb(16,55,230)
```

Similar Colors

Text with hexadecimal color #106ce6

This text has a font color of #106ce6.

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

#106ce6 background color

This paragraph has a background color of #106ce6.

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

#106ce6 border color

This element has a border color of #106ce6.

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

CSS codes

.text {color:#106ce6;}

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

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

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, #01050a is the darkest color, while #f7fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#020d1c
```
#020d1c rgb(2,13,28)
```
#03162f
```
#03162f rgb(3,22,47)
```
#051e41
```
#051e41 rgb(5,30,65)
```
#062753
```
#062753 rgb(6,39,83)
```
#073066
```
#073066 rgb(7,48,102)
```
#083878
```
#083878 rgb(8,56,120)
```
#0a418a
```
#0a418a rgb(10,65,138)
```
#0b4a9d
```
#0b4a9d rgb(11,74,157)
```
#0c52af
```
#0c52af rgb(12,82,175)
```
#0d5bc1
```
#0d5bc1 rgb(13,91,193)
```
#0f63d4
```
#0f63d4 rgb(15,99,212)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```

Shade Color Variation

#1b76ef
```
#1b76ef rgb(27,118,239)
```
#2d81f0
```
#2d81f0 rgb(45,129,240)
```
#3f8cf2
```
#3f8cf2 rgb(63,140,242)
```
#5297f3
```
#5297f3 rgb(82,151,243)
```
#64a2f4
```
#64a2f4 rgb(100,162,244)
```
#76adf5
```
#76adf5 rgb(118,173,245)
```
#89b8f7
```
#89b8f7 rgb(137,184,247)
```
#9bc3f8
```
#9bc3f8 rgb(155,195,248)
```
#adcef9
```
#adcef9 rgb(173,206,249)
```
#c0d9fb
```
#c0d9fb rgb(192,217,251)
```
#d2e4fc
```
#d2e4fc rgb(210,228,252)
```
#e4effd
```
#e4effd rgb(228,239,253)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#787b7e
```
#787b7e rgb(120,123,126)
```
#6f7987
```
#6f7987 rgb(111,121,135)
```
#657891
```
#657891 rgb(101,120,145)
```
#5c779a
```
#5c779a rgb(92,119,154)
```
#5275a4
```
#5275a4 rgb(82,117,164)
```
#4974ad
```
#4974ad rgb(73,116,173)
```
#3f73b7
```
#3f73b7 rgb(63,115,183)
```
#3671c0
```
#3671c0 rgb(54,113,192)
```
#2c70ca
```
#2c70ca rgb(44,112,202)
```
#236fd3
```
#236fd3 rgb(35,111,211)
```
#196ddd
```
#196ddd rgb(25,109,221)
```
#106ce6
```
#106ce6 rgb(16,108,230)
```
#076bef
```
#076bef rgb(7,107,239)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#4e6179 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0571e5 Protanomaly 1% of men, 0.01% of women
#0575d3 Deuteranomaly 6% of men, 0.4% of women
#057bac Tritanomaly 0.01% of the population

#106ce6 hex color

#106ce6 Color Information

#106ce6 Color Conversion

Color Schemes with #106ce6

Alternatives to #106ce6

#106ce6 Preview

Shades and Tints of #106ce6

Tones of #106ce6

Color Blindness Simulator