#106286 hex color

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

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

● #106286 color description : Dark blue.

The hexadecimal color #106286 has RGB values of R:16, G:98, B:134 and CMYK values of C:0.88, M:0.27, Y:0, K:0.47. Its decimal value is 1073798.

Hex triplet	106286	`#106286`
RGB Decimal	16, 98, 134	`rgb(16,98,134)`
RGB Percent	6.3, 38.4, 52.5	`rgb(6.3%,38.4%,52.5%)`
CMYK	88, 27, 0, 47
HSL	198.3°, 78.7, 29.4	`hsl(198.3,78.7%,29.4%)`
HSV (or HSB)	198.3°, 88.1, 52.5
Web Safe	006699	`#006699`

CIE-LAB	38.84, -9.47, -26.47
XYZ	8.883, 10.566, 24.124
xyY	0.204, 0.242, 10.566
CIE-LCH	38.84, 28.113, 250.315
CIE-LUV	38.84, -25.057, -36.198
Hunter-Lab	32.505, -8.102, -21.249
Binary	00010000, 01100010, 10000110

#106286
```
#106286 rgb(16,98,134)
```
#863410
```
#863410 rgb(134,52,16)
```

Complementary Color

#10866f
```
#10866f rgb(16,134,111)
```
#106286
```
#106286 rgb(16,98,134)
```
#102786
```
#102786 rgb(16,39,134)
```

Analogous Color

#866f10
```
#866f10 rgb(134,111,16)
```
#106286
```
#106286 rgb(16,98,134)
```
#861027
```
#861027 rgb(134,16,39)
```

Split Complementary Color

#628610
```
#628610 rgb(98,134,16)
```
#106286
```
#106286 rgb(16,98,134)
```
#861062
```
#861062 rgb(134,16,98)
```

Triadic Color

#108634
```
#108634 rgb(16,134,52)
```
#106286
```
#106286 rgb(16,98,134)
```
#861062
```
#861062 rgb(134,16,98)
```
#863410
```
#863410 rgb(134,52,16)
```

Tetradic Color

#083042
```
#083042 rgb(8,48,66)
```
#0b4158
```
#0b4158 rgb(11,65,88)
```
#0d516f
```
#0d516f rgb(13,81,111)
```
#106286
```
#106286 rgb(16,98,134)
```
#13739d
```
#13739d rgb(19,115,157)
```
#1583b4
```
#1583b4 rgb(21,131,180)
```
#1894ca
```
#1894ca rgb(24,148,202)
```

Monochromatic Color

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

#108086
```
#108086 rgb(16,128,134)
```
#107686
```
#107686 rgb(16,118,134)
```
#106c86
```
#106c86 rgb(16,108,134)
```
#106286
```
#106286 rgb(16,98,134)
```
#105886
```
#105886 rgb(16,88,134)
```
#104e86
```
#104e86 rgb(16,78,134)
```
#104586
```
#104586 rgb(16,69,134)
```

Similar Colors

Text with hexadecimal color #106286

This text has a font color of #106286.

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

#106286 background color

This paragraph has a background color of #106286.

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

#106286 border color

This element has a border color of #106286.

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

CSS codes

.text {color:#106286;}

.background {background-color:#106286;}

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

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)
```
#03151d
```
#03151d rgb(3,21,29)
```
#06222e
```
#06222e rgb(6,34,46)
```
#082f40
```
#082f40 rgb(8,47,64)
```
#0a3c51
```
#0a3c51 rgb(10,60,81)
```
#0c4863
```
#0c4863 rgb(12,72,99)
```
#0e5574
```
#0e5574 rgb(14,85,116)
```
#106286
```
#106286 rgb(16,98,134)
```
#126f98
```
#126f98 rgb(18,111,152)
```
#147ca9
```
#147ca9 rgb(20,124,169)
```
#1688bb
```
#1688bb rgb(22,136,187)
```
#1895cc
```
#1895cc rgb(24,149,204)
```
#1aa2de
```
#1aa2de rgb(26,162,222)
```

Shade Color Variation

#27abe5
```
#27abe5 rgb(39,171,229)
```
#38b2e7
```
#38b2e7 rgb(56,178,231)
```
#4ab9e9
```
#4ab9e9 rgb(74,185,233)
```
#5bbfeb
```
#5bbfeb rgb(91,191,235)
```
#6dc6ee
```
#6dc6ee rgb(109,198,238)
```
#7ecdf0
```
#7ecdf0 rgb(126,205,240)
```
#90d4f2
```
#90d4f2 rgb(144,212,242)
```
#a1dbf4
```
#a1dbf4 rgb(161,219,244)
```
#b3e1f6
```
#b3e1f6 rgb(179,225,246)
```
#c4e8f8
```
#c4e8f8 rgb(196,232,248)
```
#d6effa
```
#d6effa rgb(214,239,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 #046692 is the most saturated one.

#4a4c4c
```
#4a4c4c rgb(74,76,76)
```
#444e52
```
#444e52 rgb(68,78,82)
```
#3e5058
```
#3e5058 rgb(62,80,88)
```
#38525e
```
#38525e rgb(56,82,94)
```
#335563
```
#335563 rgb(51,85,99)
```
#2d5769
```
#2d5769 rgb(45,87,105)
```
#27596f
```
#27596f rgb(39,89,111)
```
#215b75
```
#215b75 rgb(33,91,117)
```
#1c5e7a
```
#1c5e7a rgb(28,94,122)
```
#166080
```
#166080 rgb(22,96,128)
```
#106286
```
#106286 rgb(16,98,134)
```
#0a648c
```
#0a648c rgb(10,100,140)
```
#046692
```
#046692 rgb(4,102,146)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#425259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586286 Protanopia 1% of men
#4f638f Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#3d6286 Protanomaly 1% of men, 0.01% of women
#38628b Deuteranomaly 6% of men, 0.4% of women
#05697b Tritanomaly 0.01% of the population

#106286 hex color

#106286 Color Information

#106286 Color Conversion

Color Schemes with #106286

Alternatives to #106286

#106286 Preview

Shades and Tints of #106286

Tones of #106286

Color Blindness Simulator