#106ca5 hex color

In a RGB color space, hex #106ca5 is composed of 6.3% red, 42.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 34.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 203 degrees, a saturation of 82.3% and a lightness of 35.5%. #106ca5 color hex could be obtained by blending #20d8ff with #00004b. Closest websafe color is: #006699.

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

● #106ca5 color description : Dark blue.

The hexadecimal color #106ca5 has RGB values of R:16, G:108, B:165 and CMYK values of C:0.9, M:0.35, Y:0, K:0.35. Its decimal value is 1076389.

Hex triplet	106ca5	`#106ca5`
RGB Decimal	16, 108, 165	`rgb(16,108,165)`
RGB Percent	6.3, 42.4, 64.7	`rgb(6.3%,42.4%,64.7%)`
CMYK	90, 35, 0, 35
HSL	203°, 82.3, 35.5	`hsl(203,82.3%,35.5%)`
HSV (or HSB)	203°, 90.3, 64.7
Web Safe	006699	`#006699`

CIE-LAB	43.582, -3.459, -37.538
XYZ	12.366, 13.551, 37.559
xyY	0.195, 0.213, 13.551
CIE-LCH	43.582, 37.697, 264.735
CIE-LUV	43.582, -26.727, -54.878
Hunter-Lab	36.811, -4.456, -34.726
Binary	00010000, 01101100, 10100101

#106ca5
```
#106ca5 rgb(16,108,165)
```
#a54910
```
#a54910 rgb(165,73,16)
```

Complementary Color

#10a594
```
#10a594 rgb(16,165,148)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#1021a5
```
#1021a5 rgb(16,33,165)
```

Analogous Color

#a59410
```
#a59410 rgb(165,148,16)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#a51021
```
#a51021 rgb(165,16,33)
```

Split Complementary Color

#6ca510
```
#6ca510 rgb(108,165,16)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#a5106c
```
#a5106c rgb(165,16,108)
```

Triadic Color

#10a549
```
#10a549 rgb(16,165,73)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#a5106c
```
#a5106c rgb(165,16,108)
```
#a54910
```
#a54910 rgb(165,73,16)
```

Tetradic Color

#093e5f
```
#093e5f rgb(9,62,95)
```
#0b4e77
```
#0b4e77 rgb(11,78,119)
```
#0e5d8e
```
#0e5d8e rgb(14,93,142)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#127bbc
```
#127bbc rgb(18,123,188)
```
#158ad3
```
#158ad3 rgb(21,138,211)
```
#1999e9
```
#1999e9 rgb(25,153,233)
```

Monochromatic Color

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

#1091a5
```
#1091a5 rgb(16,145,165)
```
#1085a5
```
#1085a5 rgb(16,133,165)
```
#1078a5
```
#1078a5 rgb(16,120,165)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#1060a5
```
#1060a5 rgb(16,96,165)
```
#1053a5
```
#1053a5 rgb(16,83,165)
```
#1047a5
```
#1047a5 rgb(16,71,165)
```

Similar Colors

Text with hexadecimal color #106ca5

This text has a font color of #106ca5.

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

#106ca5 background color

This paragraph has a background color of #106ca5.

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

#106ca5 border color

This element has a border color of #106ca5.

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

CSS codes

.text {color:#106ca5;}

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

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

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, #000304 is the darkest color, while #f1f9fe is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#020e16
```
#020e16 rgb(2,14,22)
```
#041a28
```
#041a28 rgb(4,26,40)
```
#06263a
```
#06263a rgb(6,38,58)
```
#07314c
```
#07314c rgb(7,49,76)
```
#093d5d
```
#093d5d rgb(9,61,93)
```
#0b496f
```
#0b496f rgb(11,73,111)
```
#0d5581
```
#0d5581 rgb(13,85,129)
```
#0e6093
```
#0e6093 rgb(14,96,147)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#1278b7
```
#1278b7 rgb(18,120,183)
```
#1383c9
```
#1383c9 rgb(19,131,201)
```
#158fdb
```
#158fdb rgb(21,143,219)
```

Shade Color Variation

#1b9ae9
```
#1b9ae9 rgb(27,154,233)
```
#2ca2eb
```
#2ca2eb rgb(44,162,235)
```
#3eaaec
```
#3eaaec rgb(62,170,236)
```
#50b2ee
```
#50b2ee rgb(80,178,238)
```
#62baf0
```
#62baf0 rgb(98,186,240)
```
#74c2f2
```
#74c2f2 rgb(116,194,242)
```
#86c9f3
```
#86c9f3 rgb(134,201,243)
```
#98d1f5
```
#98d1f5 rgb(152,209,245)
```
#aad9f7
```
#aad9f7 rgb(170,217,247)
```
#bce1f8
```
#bce1f8 rgb(188,225,248)
```
#cde9fa
```
#cde9fa rgb(205,233,250)
```
#dff1fc
```
#dff1fc rgb(223,241,252)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c5f is the less saturated color, while #026fb3 is the most saturated one.

#565c5f
```
#565c5f rgb(86,92,95)
```
#4f5d66
```
#4f5d66 rgb(79,93,102)
```
#485f6d
```
#485f6d rgb(72,95,109)
```
#416174
```
#416174 rgb(65,97,116)
```
#3a627b
```
#3a627b rgb(58,98,123)
```
#336482
```
#336482 rgb(51,100,130)
```
#2c6589
```
#2c6589 rgb(44,101,137)
```
#256790
```
#256790 rgb(37,103,144)
```
#1e6997
```
#1e6997 rgb(30,105,151)
```
#176a9e
```
#176a9e rgb(23,106,158)
```
#106ca5
```
#106ca5 rgb(16,108,165)
```
#096eac
```
#096eac rgb(9,110,172)
```
#026fb3
```
#026fb3 rgb(2,111,179)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#495b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596da4 Protanopia 1% of men
#466fab Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#3e6ca4 Protanomaly 1% of men, 0.01% of women
#326ea9 Deuteranomaly 6% of men, 0.4% of women
#05748e Tritanomaly 0.01% of the population

#106ca5 hex color

#106ca5 Color Information

#106ca5 Color Conversion

Color Schemes with #106ca5

Alternatives to #106ca5

#106ca5 Preview

Shades and Tints of #106ca5

Tones of #106ca5

Color Blindness Simulator