#106cad hex color

In a RGB color space, hex #106cad is composed of 6.3% red, 42.4% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 90.8% cyan, 37.6% magenta, 0% yellow and 32.2% black. It has a hue angle of 204.8 degrees, a saturation of 83.1% and a lightness of 37.1%. #106cad color hex could be obtained by blending #20d8ff with #00005b. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 6
- G 42
- B 68
RGB color chart
- C 91
- M 38
- Y 0
- K 32
CMYK color chart

● #106cad color description : Dark blue.

The hexadecimal color #106cad has RGB values of R:16, G:108, B:173 and CMYK values of C:0.91, M:0.38, Y:0, K:0.32. Its decimal value is 1076397.

Hex triplet	106cad	`#106cad`
RGB Decimal	16, 108, 173	`rgb(16,108,173)`
RGB Percent	6.3, 42.4, 67.8	`rgb(6.3%,42.4%,67.8%)`
CMYK	91, 38, 0, 32
HSL	204.8°, 83.1, 37.1	`hsl(204.8,83.1%,37.1%)`
HSV (or HSB)	204.8°, 90.8, 67.8
Web Safe	006699	`#006699`

CIE-LAB	44.019, -0.314, -41.545
XYZ	13.117, 13.851, 41.515
xyY	0.192, 0.202, 13.851
CIE-LCH	44.019, 41.546, 269.567
CIE-LUV	44.019, -26.292, -61.488
Hunter-Lab	37.217, -2.218, -40.085
Binary	00010000, 01101100, 10101101

#106cad
```
#106cad rgb(16,108,173)
```
#ad5110
```
#ad5110 rgb(173,81,16)
```

Complementary Color

#10ada0
```
#10ada0 rgb(16,173,160)
```
#106cad
```
#106cad rgb(16,108,173)
```
#101ead
```
#101ead rgb(16,30,173)
```

Analogous Color

#ada010
```
#ada010 rgb(173,160,16)
```
#106cad
```
#106cad rgb(16,108,173)
```
#ad101e
```
#ad101e rgb(173,16,30)
```

Split Complementary Color

#6cad10
```
#6cad10 rgb(108,173,16)
```
#106cad
```
#106cad rgb(16,108,173)
```
#ad106c
```
#ad106c rgb(173,16,108)
```

Triadic Color

#10ad51
```
#10ad51 rgb(16,173,81)
```
#106cad
```
#106cad rgb(16,108,173)
```
#ad106c
```
#ad106c rgb(173,16,108)
```
#ad5110
```
#ad5110 rgb(173,81,16)
```

Tetradic Color

#0a4067
```
#0a4067 rgb(10,64,103)
```
#0c4f7e
```
#0c4f7e rgb(12,79,126)
```
#0e5d96
```
#0e5d96 rgb(14,93,150)
```
#106cad
```
#106cad rgb(16,108,173)
```
#127bc4
```
#127bc4 rgb(18,123,196)
```
#1489dc
```
#1489dc rgb(20,137,220)
```
#1f96ea
```
#1f96ea rgb(31,150,234)
```

Monochromatic Color

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

#1093ad
```
#1093ad rgb(16,147,173)
```
#1086ad
```
#1086ad rgb(16,134,173)
```
#1079ad
```
#1079ad rgb(16,121,173)
```
#106cad
```
#106cad rgb(16,108,173)
```
#105fad
```
#105fad rgb(16,95,173)
```
#1052ad
```
#1052ad rgb(16,82,173)
```
#1045ad
```
#1045ad rgb(16,69,173)
```

Similar Colors

Text with hexadecimal color #106cad

This text has a font color of #106cad.

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

#106cad background color

This paragraph has a background color of #106cad.

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

#106cad border color

This element has a border color of #106cad.

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

CSS codes

.text {color:#106cad;}

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

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

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

#01070b
```
#01070b rgb(1,7,11)
```
#03121d
```
#03121d rgb(3,18,29)
```
#041e2f
```
#041e2f rgb(4,30,47)
```
#062941
```
#062941 rgb(6,41,65)
```
#083453
```
#083453 rgb(8,52,83)
```
#093f65
```
#093f65 rgb(9,63,101)
```
#0b4a77
```
#0b4a77 rgb(11,74,119)
```
#0d5689
```
#0d5689 rgb(13,86,137)
```
#0e619b
```
#0e619b rgb(14,97,155)
```
#106cad
```
#106cad rgb(16,108,173)
```
#1277bf
```
#1277bf rgb(18,119,191)
```
#1382d1
```
#1382d1 rgb(19,130,209)
```
#158ee3
```
#158ee3 rgb(21,142,227)
```

Shade Color Variation

#2197ea
```
#2197ea rgb(33,151,234)
```
#339fec
```
#339fec rgb(51,159,236)
```
#45a8ee
```
#45a8ee rgb(69,168,238)
```
#57b0ef
```
#57b0ef rgb(87,176,239)
```
#69b9f1
```
#69b9f1 rgb(105,185,241)
```
#7bc1f3
```
#7bc1f3 rgb(123,193,243)
```
#8dc9f4
```
#8dc9f4 rgb(141,201,244)
```
#9fd2f6
```
#9fd2f6 rgb(159,210,246)
```
#b1daf8
```
#b1daf8 rgb(177,218,248)
```
#c3e3f9
```
#c3e3f9 rgb(195,227,249)
```
#d5ebfb
```
#d5ebfb rgb(213,235,251)
```
#e6f4fd
```
#e6f4fd rgb(230,244,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595f64 is the less saturated color, while #016fbc is the most saturated one.

#595f64
```
#595f64 rgb(89,95,100)
```
#51616c
```
#51616c rgb(81,97,108)
```
#4a6273
```
#4a6273 rgb(74,98,115)
```
#43637a
```
#43637a rgb(67,99,122)
```
#3c6481
```
#3c6481 rgb(60,100,129)
```
#346689
```
#346689 rgb(52,102,137)
```
#2d6790
```
#2d6790 rgb(45,103,144)
```
#266897
```
#266897 rgb(38,104,151)
```
#1f699e
```
#1f699e rgb(31,105,158)
```
#176ba6
```
#176ba6 rgb(23,107,166)
```
#106cad
```
#106cad rgb(16,108,173)
```
#096db4
```
#096db4 rgb(9,109,180)
```
#016fbc
```
#016fbc rgb(1,111,188)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4a5c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#556dac Protanopia 1% of men
#3d70b2 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#3c6dac Protanomaly 1% of men, 0.01% of women
#2c6fb0 Deuteranomaly 6% of men, 0.4% of women
#057592 Tritanomaly 0.01% of the population

#106cad hex color

#106cad Color Information

#106cad Color Conversion

Color Schemes with #106cad

Alternatives to #106cad

#106cad Preview

Shades and Tints of #106cad

Tones of #106cad

Color Blindness Simulator