#106886 hex color

In a RGB color space, hex #106886 is composed of 6.3% red, 40.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 22.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 195.3 degrees, a saturation of 78.7% and a lightness of 29.4%. #106886 color hex could be obtained by blending #20d0ff with #00000d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 6
- G 41
- B 53
RGB color chart
- C 88
- M 22
- Y 0
- K 47
CMYK color chart

● #106886 color description : Dark blue.

The hexadecimal color #106886 has RGB values of R:16, G:104, B:134 and CMYK values of C:0.88, M:0.22, Y:0, K:0.47. Its decimal value is 1075334.

Hex triplet	106886	`#106886`
RGB Decimal	16, 104, 134	`rgb(16,104,134)`
RGB Percent	6.3, 40.8, 52.5	`rgb(6.3%,40.8%,52.5%)`
CMYK	88, 22, 0, 47
HSL	195.3°, 78.7, 29.4	`hsl(195.3,78.7%,29.4%)`
HSV (or HSB)	195.3°, 88.1, 52.5
Web Safe	006699	`#006699`

CIE-LAB	40.786, -13.002, -23.439
XYZ	9.466, 11.731, 24.318
xyY	0.208, 0.258, 11.731
CIE-LCH	40.786, 26.803, 240.982
CIE-LUV	40.786, -27.201, -31.667
Hunter-Lab	34.251, -10.606, -18.121
Binary	00010000, 01101000, 10000110

#106886
```
#106886 rgb(16,104,134)
```
#862e10
```
#862e10 rgb(134,46,16)
```

Complementary Color

#108669
```
#108669 rgb(16,134,105)
```
#106886
```
#106886 rgb(16,104,134)
```
#102d86
```
#102d86 rgb(16,45,134)
```

Analogous Color

#866910
```
#866910 rgb(134,105,16)
```
#106886
```
#106886 rgb(16,104,134)
```
#86102d
```
#86102d rgb(134,16,45)
```

Split Complementary Color

#688610
```
#688610 rgb(104,134,16)
```
#106886
```
#106886 rgb(16,104,134)
```
#861068
```
#861068 rgb(134,16,104)
```

Triadic Color

#10862e
```
#10862e rgb(16,134,46)
```
#106886
```
#106886 rgb(16,104,134)
```
#861068
```
#861068 rgb(134,16,104)
```
#862e10
```
#862e10 rgb(134,46,16)
```

Tetradic Color

#083342
```
#083342 rgb(8,51,66)
```
#0b4558
```
#0b4558 rgb(11,69,88)
```
#0d566f
```
#0d566f rgb(13,86,111)
```
#106886
```
#106886 rgb(16,104,134)
```
#137a9d
```
#137a9d rgb(19,122,157)
```
#158bb4
```
#158bb4 rgb(21,139,180)
```
#189dca
```
#189dca rgb(24,157,202)
```

Monochromatic Color

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

#108686
```
#108686 rgb(16,134,134)
```
#107c86
```
#107c86 rgb(16,124,134)
```
#107286
```
#107286 rgb(16,114,134)
```
#106886
```
#106886 rgb(16,104,134)
```
#105e86
```
#105e86 rgb(16,94,134)
```
#105486
```
#105486 rgb(16,84,134)
```
#104b86
```
#104b86 rgb(16,75,134)
```

Similar Colors

Text with hexadecimal color #106886

This text has a font color of #106886.

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

#106886 background color

This paragraph has a background color of #106886.

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

#106886 border color

This element has a border color of #106886.

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

CSS codes

.text {color:#106886;}

.background {background-color:#106886;}

.border {border:1px solid #106886;}

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

#01090b
```
#01090b rgb(1,9,11)
```
#03161d
```
#03161d rgb(3,22,29)
```
#06242e
```
#06242e rgb(6,36,46)
```
#083240
```
#083240 rgb(8,50,64)
```
#0a3f51
```
#0a3f51 rgb(10,63,81)
```
#0c4d63
```
#0c4d63 rgb(12,77,99)
```
#0e5a74
```
#0e5a74 rgb(14,90,116)
```
#106886
```
#106886 rgb(16,104,134)
```
#127698
```
#127698 rgb(18,118,152)
```
#1483a9
```
#1483a9 rgb(20,131,169)
```
#1691bb
```
#1691bb rgb(22,145,187)
```
#189ecc
```
#189ecc rgb(24,158,204)
```
#1aacde
```
#1aacde rgb(26,172,222)
```

Shade Color Variation

#27b5e5
```
#27b5e5 rgb(39,181,229)
```
#38bbe7
```
#38bbe7 rgb(56,187,231)
```
#4ac1e9
```
#4ac1e9 rgb(74,193,233)
```
#5bc7eb
```
#5bc7eb rgb(91,199,235)
```
#6dcdee
```
#6dcdee rgb(109,205,238)
```
#7ed3f0
```
#7ed3f0 rgb(126,211,240)
```
#90d9f2
```
#90d9f2 rgb(144,217,242)
```
#a1dff4
```
#a1dff4 rgb(161,223,244)
```
#b3e5f6
```
#b3e5f6 rgb(179,229,246)
```
#c4ebf8
```
#c4ebf8 rgb(196,235,248)
```
#d6f1fa
```
#d6f1fa rgb(214,241,250)
```
#e7f7fc
```
#e7f7fc rgb(231,247,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4c4c is the less saturated color, while #046e92 is the most saturated one.

#4a4c4c
```
#4a4c4c rgb(74,76,76)
```
#444e52
```
#444e52 rgb(68,78,82)
```
#3e5158
```
#3e5158 rgb(62,81,88)
```
#38545e
```
#38545e rgb(56,84,94)
```
#335763
```
#335763 rgb(51,87,99)
```
#2d5a69
```
#2d5a69 rgb(45,90,105)
```
#275d6f
```
#275d6f rgb(39,93,111)
```
#215f75
```
#215f75 rgb(33,95,117)
```
#1c627a
```
#1c627a rgb(28,98,122)
```
#166580
```
#166580 rgb(22,101,128)
```
#106886
```
#106886 rgb(16,104,134)
```
#0a6b8c
```
#0a6b8c rgb(10,107,140)
```
#046e92
```
#046e92 rgb(4,110,146)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#44565c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6786 Protanopia 1% of men
#58678f Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#426786 Protanomaly 1% of men, 0.01% of women
#3e678c Deuteranomaly 6% of men, 0.4% of women
#056e7e Tritanomaly 0.01% of the population

#106886 hex color

#106886 Color Information

#106886 Color Conversion

Color Schemes with #106886

Alternatives to #106886

#106886 Preview

Shades and Tints of #106886

Tones of #106886

Color Blindness Simulator