#106fa5 hex color

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

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

● #106fa5 color description : Dark blue.

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

Hex triplet	106fa5	`#106fa5`
RGB Decimal	16, 111, 165	`rgb(16,111,165)`
RGB Percent	6.3, 43.5, 64.7	`rgb(6.3%,43.5%,64.7%)`
CMYK	90, 33, 0, 35
HSL	201.7°, 82.3, 35.5	`hsl(201.7,82.3%,35.5%)`
HSV (or HSB)	201.7°, 90.3, 64.7
Web Safe	006699	`#006699`

CIE-LAB	44.511, -5.284, -36.07
XYZ	12.688, 14.194, 37.666
xyY	0.197, 0.22, 14.194
CIE-LCH	44.511, 36.454, 261.666
CIE-LUV	44.511, -27.748, -52.686
Hunter-Lab	37.676, -5.819, -32.903
Binary	00010000, 01101111, 10100101

#106fa5
```
#106fa5 rgb(16,111,165)
```
#a54610
```
#a54610 rgb(165,70,16)
```

Complementary Color

#10a591
```
#10a591 rgb(16,165,145)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#1025a5
```
#1025a5 rgb(16,37,165)
```

Analogous Color

#a59110
```
#a59110 rgb(165,145,16)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#a51025
```
#a51025 rgb(165,16,37)
```

Split Complementary Color

#6fa510
```
#6fa510 rgb(111,165,16)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#a5106f
```
#a5106f rgb(165,16,111)
```

Triadic Color

#10a546
```
#10a546 rgb(16,165,70)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#a5106f
```
#a5106f rgb(165,16,111)
```
#a54610
```
#a54610 rgb(165,70,16)
```

Tetradic Color

#09405f
```
#09405f rgb(9,64,95)
```
#0b5077
```
#0b5077 rgb(11,80,119)
```
#0e5f8e
```
#0e5f8e rgb(14,95,142)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#127fbc
```
#127fbc rgb(18,127,188)
```
#158ed3
```
#158ed3 rgb(21,142,211)
```
#199de9
```
#199de9 rgb(25,157,233)
```

Monochromatic Color

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

#1094a5
```
#1094a5 rgb(16,148,165)
```
#1088a5
```
#1088a5 rgb(16,136,165)
```
#107ba5
```
#107ba5 rgb(16,123,165)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#1063a5
```
#1063a5 rgb(16,99,165)
```
#1056a5
```
#1056a5 rgb(16,86,165)
```
#104aa5
```
#104aa5 rgb(16,74,165)
```

Similar Colors

Text with hexadecimal color #106fa5

This text has a font color of #106fa5.

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

#106fa5 background color

This paragraph has a background color of #106fa5.

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

#106fa5 border color

This element has a border color of #106fa5.

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

CSS codes

.text {color:#106fa5;}

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

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

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)
```
#020f16
```
#020f16 rgb(2,15,22)
```
#041b28
```
#041b28 rgb(4,27,40)
```
#06273a
```
#06273a rgb(6,39,58)
```
#07334c
```
#07334c rgb(7,51,76)
```
#093f5d
```
#093f5d rgb(9,63,93)
```
#0b4b6f
```
#0b4b6f rgb(11,75,111)
```
#0d5781
```
#0d5781 rgb(13,87,129)
```
#0e6393
```
#0e6393 rgb(14,99,147)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#127bb7
```
#127bb7 rgb(18,123,183)
```
#1387c9
```
#1387c9 rgb(19,135,201)
```
#1593db
```
#1593db rgb(21,147,219)
```

Shade Color Variation

#1b9ee9
```
#1b9ee9 rgb(27,158,233)
```
#2ca6eb
```
#2ca6eb rgb(44,166,235)
```
#3eadec
```
#3eadec rgb(62,173,236)
```
#50b5ee
```
#50b5ee rgb(80,181,238)
```
#62bcf0
```
#62bcf0 rgb(98,188,240)
```
#74c4f2
```
#74c4f2 rgb(116,196,242)
```
#86ccf3
```
#86ccf3 rgb(134,204,243)
```
#98d3f5
```
#98d3f5 rgb(152,211,245)
```
#aadbf7
```
#aadbf7 rgb(170,219,247)
```
#bce2f8
```
#bce2f8 rgb(188,226,248)
```
#cdeafa
```
#cdeafa rgb(205,234,250)
```
#dff2fc
```
#dff2fc rgb(223,242,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 #0273b3 is the most saturated one.

#565c5f
```
#565c5f rgb(86,92,95)
```
#4f5e66
```
#4f5e66 rgb(79,94,102)
```
#48606d
```
#48606d rgb(72,96,109)
```
#416274
```
#416274 rgb(65,98,116)
```
#3a647b
```
#3a647b rgb(58,100,123)
```
#336582
```
#336582 rgb(51,101,130)
```
#2c6789
```
#2c6789 rgb(44,103,137)
```
#256990
```
#256990 rgb(37,105,144)
```
#1e6b97
```
#1e6b97 rgb(30,107,151)
```
#176d9e
```
#176d9e rgb(23,109,158)
```
#106fa5
```
#106fa5 rgb(16,111,165)
```
#0971ac
```
#0971ac rgb(9,113,172)
```
#0273b3
```
#0273b3 rgb(2,115,179)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4a5d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6fa4 Protanopia 1% of men
#4c71ab Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#416fa4 Protanomaly 1% of men, 0.01% of women
#3670a9 Deuteranomaly 6% of men, 0.4% of women
#057790 Tritanomaly 0.01% of the population

#106fa5 hex color

#106fa5 Color Information

#106fa5 Color Conversion

Color Schemes with #106fa5

Alternatives to #106fa5

#106fa5 Preview

Shades and Tints of #106fa5

Tones of #106fa5

Color Blindness Simulator