#106b9a hex color

In a RGB color space, hex #106b9a is composed of 6.3% red, 42% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 30.5% magenta, 0% yellow and 39.6% black. It has a hue angle of 200.4 degrees, a saturation of 81.2% and a lightness of 33.3%. #106b9a color hex could be obtained by blending #20d6ff with #000035. Closest websafe color is: #006699.

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

● #106b9a color description : Dark blue.

The hexadecimal color #106b9a has RGB values of R:16, G:107, B:154 and CMYK values of C:0.9, M:0.31, Y:0, K:0.4. Its decimal value is 1076122.

Hex triplet	106b9a	`#106b9a`
RGB Decimal	16, 107, 154	`rgb(16,107,154)`
RGB Percent	6.3, 42, 60.4	`rgb(6.3%,42%,60.4%)`
CMYK	90, 31, 0, 40
HSL	200.4°, 81.2, 33.3	`hsl(200.4,81.2%,33.3%)`
HSV (or HSB)	200.4°, 89.6, 60.4
Web Safe	006699	`#006699`

CIE-LAB	42.699, -7.137, -32.422
XYZ	11.303, 12.958, 32.475
xyY	0.199, 0.228, 12.958
CIE-LCH	42.699, 33.198, 257.585
CIE-LUV	42.699, -27.019, -46.392
Hunter-Lab	35.997, -6.947, -28.293
Binary	00010000, 01101011, 10011010

#106b9a
```
#106b9a rgb(16,107,154)
```
#9a3f10
```
#9a3f10 rgb(154,63,16)
```

Complementary Color

#109a84
```
#109a84 rgb(16,154,132)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#10269a
```
#10269a rgb(16,38,154)
```

Analogous Color

#9a8410
```
#9a8410 rgb(154,132,16)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#9a1026
```
#9a1026 rgb(154,16,38)
```

Split Complementary Color

#6b9a10
```
#6b9a10 rgb(107,154,16)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#9a106b
```
#9a106b rgb(154,16,107)
```

Triadic Color

#109a3f
```
#109a3f rgb(16,154,63)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#9a106b
```
#9a106b rgb(154,16,107)
```
#9a3f10
```
#9a3f10 rgb(154,63,16)
```

Tetradic Color

#093b55
```
#093b55 rgb(9,59,85)
```
#0b4b6c
```
#0b4b6c rgb(11,75,108)
```
#0e5b83
```
#0e5b83 rgb(14,91,131)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#127bb1
```
#127bb1 rgb(18,123,177)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#179bdf
```
#179bdf rgb(23,155,223)
```

Monochromatic Color

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

#108e9a
```
#108e9a rgb(16,142,154)
```
#10829a
```
#10829a rgb(16,130,154)
```
#10779a
```
#10779a rgb(16,119,154)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#10609a
```
#10609a rgb(16,96,154)
```
#10549a
```
#10549a rgb(16,84,154)
```
#10499a
```
#10499a rgb(16,73,154)
```

Similar Colors

Text with hexadecimal color #106b9a

This text has a font color of #106b9a.

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

#106b9a background color

This paragraph has a background color of #106b9a.

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

#106b9a border color

This element has a border color of #106b9a.

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

CSS codes

.text {color:#106b9a;}

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

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

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

#01080c
```
#01080c rgb(1,8,12)
```
#03151e
```
#03151e rgb(3,21,30)
```
#05212f
```
#05212f rgb(5,33,47)
```
#072d41
```
#072d41 rgb(7,45,65)
```
#093a53
```
#093a53 rgb(9,58,83)
```
#0a4665
```
#0a4665 rgb(10,70,101)
```
#0c5276
```
#0c5276 rgb(12,82,118)
```
#0e5f88
```
#0e5f88 rgb(14,95,136)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#1277ac
```
#1277ac rgb(18,119,172)
```
#1484be
```
#1484be rgb(20,132,190)
```
#1690cf
```
#1690cf rgb(22,144,207)
```
#179ce1
```
#179ce1 rgb(23,156,225)
```

Shade Color Variation

#24a5e8
```
#24a5e8 rgb(36,165,232)
```
#36adea
```
#36adea rgb(54,173,234)
```
#47b4ec
```
#47b4ec rgb(71,180,236)
```
#59bbee
```
#59bbee rgb(89,187,238)
```
#6bc2f0
```
#6bc2f0 rgb(107,194,240)
```
#7dcaf1
```
#7dcaf1 rgb(125,202,241)
```
#8ed1f3
```
#8ed1f3 rgb(142,209,243)
```
#a0d8f5
```
#a0d8f5 rgb(160,216,245)
```
#b2e0f7
```
#b2e0f7 rgb(178,224,247)
```
#c4e7f9
```
#c4e7f9 rgb(196,231,249)
```
#d6eefb
```
#d6eefb rgb(214,238,251)
```
#e7f5fd
```
#e7f5fd rgb(231,245,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515659 is the less saturated color, while #036fa7 is the most saturated one.

#515659
```
#515659 rgb(81,86,89)
```
#4b585f
```
#4b585f rgb(75,88,95)
```
#445a66
```
#445a66 rgb(68,90,102)
```
#3e5c6c
```
#3e5c6c rgb(62,92,108)
```
#375e73
```
#375e73 rgb(55,94,115)
```
#316179
```
#316179 rgb(49,97,121)
```
#2a6380
```
#2a6380 rgb(42,99,128)
```
#246586
```
#246586 rgb(36,101,134)
```
#1d678d
```
#1d678d rgb(29,103,141)
```
#176993
```
#176993 rgb(23,105,147)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#096da1
```
#096da1 rgb(9,109,161)
```
#036fa7
```
#036fa7 rgb(3,111,167)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#475963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6b99 Protanopia 1% of men
#4f6ca1 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#406b99 Protanomaly 1% of men, 0.01% of women
#386c9e Deuteranomaly 6% of men, 0.4% of women
#057289 Tritanomaly 0.01% of the population

#106b9a hex color

#106b9a Color Information

#106b9a Color Conversion

Color Schemes with #106b9a

Alternatives to #106b9a

#106b9a Preview

Shades and Tints of #106b9a

Tones of #106b9a

Color Blindness Simulator