#106486 hex color

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

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

● #106486 color description : Dark blue.

The hexadecimal color #106486 has RGB values of R:16, G:100, B:134 and CMYK values of C:0.88, M:0.25, Y:0, K:0.47. Its decimal value is 1074310.

Hex triplet	106486	`#106486`
RGB Decimal	16, 100, 134	`rgb(16,100,134)`
RGB Percent	6.3, 39.2, 52.5	`rgb(6.3%,39.2%,52.5%)`
CMYK	88, 25, 0, 47
HSL	197.3°, 78.7, 29.4	`hsl(197.3,78.7%,29.4%)`
HSV (or HSB)	197.3°, 88.1, 52.5
Web Safe	006699	`#006699`

CIE-LAB	39.487, -10.66, -25.458
XYZ	9.073, 10.945, 24.187
xyY	0.205, 0.248, 10.945
CIE-LCH	39.487, 27.6, 247.279
CIE-LUV	39.487, -25.769, -34.702
Hunter-Lab	33.083, -8.943, -20.189
Binary	00010000, 01100100, 10000110

#106486
```
#106486 rgb(16,100,134)
```
#863210
```
#863210 rgb(134,50,16)
```

Complementary Color

#10866d
```
#10866d rgb(16,134,109)
```
#106486
```
#106486 rgb(16,100,134)
```
#102986
```
#102986 rgb(16,41,134)
```

Analogous Color

#866d10
```
#866d10 rgb(134,109,16)
```
#106486
```
#106486 rgb(16,100,134)
```
#861029
```
#861029 rgb(134,16,41)
```

Split Complementary Color

#648610
```
#648610 rgb(100,134,16)
```
#106486
```
#106486 rgb(16,100,134)
```
#861064
```
#861064 rgb(134,16,100)
```

Triadic Color

#108632
```
#108632 rgb(16,134,50)
```
#106486
```
#106486 rgb(16,100,134)
```
#861064
```
#861064 rgb(134,16,100)
```
#863210
```
#863210 rgb(134,50,16)
```

Tetradic Color

#083142
```
#083142 rgb(8,49,66)
```
#0b4258
```
#0b4258 rgb(11,66,88)
```
#0d536f
```
#0d536f rgb(13,83,111)
```
#106486
```
#106486 rgb(16,100,134)
```
#13759d
```
#13759d rgb(19,117,157)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#1897ca
```
#1897ca rgb(24,151,202)
```

Monochromatic Color

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

#108286
```
#108286 rgb(16,130,134)
```
#107886
```
#107886 rgb(16,120,134)
```
#106e86
```
#106e86 rgb(16,110,134)
```
#106486
```
#106486 rgb(16,100,134)
```
#105a86
```
#105a86 rgb(16,90,134)
```
#105086
```
#105086 rgb(16,80,134)
```
#104786
```
#104786 rgb(16,71,134)
```

Similar Colors

Text with hexadecimal color #106486

This text has a font color of #106486.

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

#106486 background color

This paragraph has a background color of #106486.

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

#106486 border color

This element has a border color of #106486.

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

CSS codes

.text {color:#106486;}

.background {background-color:#106486;}

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

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

#01080b
```
#01080b rgb(1,8,11)
```
#03161d
```
#03161d rgb(3,22,29)
```
#06232e
```
#06232e rgb(6,35,46)
```
#083040
```
#083040 rgb(8,48,64)
```
#0a3d51
```
#0a3d51 rgb(10,61,81)
```
#0c4a63
```
#0c4a63 rgb(12,74,99)
```
#0e5774
```
#0e5774 rgb(14,87,116)
```
#106486
```
#106486 rgb(16,100,134)
```
#127198
```
#127198 rgb(18,113,152)
```
#147ea9
```
#147ea9 rgb(20,126,169)
```
#168bbb
```
#168bbb rgb(22,139,187)
```
#1898cc
```
#1898cc rgb(24,152,204)
```
#1aa5de
```
#1aa5de rgb(26,165,222)
```

Shade Color Variation

#27aee5
```
#27aee5 rgb(39,174,229)
```
#38b5e7
```
#38b5e7 rgb(56,181,231)
```
#4abbe9
```
#4abbe9 rgb(74,187,233)
```
#5bc2eb
```
#5bc2eb rgb(91,194,235)
```
#6dc8ee
```
#6dc8ee rgb(109,200,238)
```
#7ecff0
```
#7ecff0 rgb(126,207,240)
```
#90d5f2
```
#90d5f2 rgb(144,213,242)
```
#a1dcf4
```
#a1dcf4 rgb(161,220,244)
```
#b3e3f6
```
#b3e3f6 rgb(179,227,246)
```
#c4e9f8
```
#c4e9f8 rgb(196,233,248)
```
#d6f0fa
```
#d6f0fa rgb(214,240,250)
```
#e7f6fc
```
#e7f6fc rgb(231,246,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 #046992 is the most saturated one.

#4a4c4c
```
#4a4c4c rgb(74,76,76)
```
#444e52
```
#444e52 rgb(68,78,82)
```
#3e5058
```
#3e5058 rgb(62,80,88)
```
#38535e
```
#38535e rgb(56,83,94)
```
#335563
```
#335563 rgb(51,85,99)
```
#2d5869
```
#2d5869 rgb(45,88,105)
```
#275a6f
```
#275a6f rgb(39,90,111)
```
#215d75
```
#215d75 rgb(33,93,117)
```
#1c5f7a
```
#1c5f7a rgb(28,95,122)
```
#166280
```
#166280 rgb(22,98,128)
```
#106486
```
#106486 rgb(16,100,134)
```
#0a668c
```
#0a668c rgb(10,102,140)
```
#046992
```
#046992 rgb(4,105,146)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#42535a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6486 Protanopia 1% of men
#52648f Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3f6486 Protanomaly 1% of men, 0.01% of women
#3a648b Deuteranomaly 6% of men, 0.4% of women
#056b7c Tritanomaly 0.01% of the population

#106486 hex color

#106486 Color Information

#106486 Color Conversion

Color Schemes with #106486

Alternatives to #106486

#106486 Preview

Shades and Tints of #106486

Tones of #106486

Color Blindness Simulator