#106d8a hex color

In a RGB color space, hex #106d8a is composed of 6.3% red, 42.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 21% magenta, 0% yellow and 45.9% black. It has a hue angle of 194.3 degrees, a saturation of 79.2% and a lightness of 30.2%. #106d8a color hex could be obtained by blending #20daff with #000015. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 6
- G 43
- B 54
RGB color chart
- C 88
- M 21
- Y 0
- K 46
CMYK color chart

● #106d8a color description : Dark cyan.

The hexadecimal color #106d8a has RGB values of R:16, G:109, B:138 and CMYK values of C:0.88, M:0.21, Y:0, K:0.46. Its decimal value is 1076618.

Hex triplet	106d8a	`#106d8a`
RGB Decimal	16, 109, 138	`rgb(16,109,138)`
RGB Percent	6.3, 42.7, 54.1	`rgb(6.3%,42.7%,54.1%)`
CMYK	88, 21, 0, 46
HSL	194.3°, 79.2, 30.2	`hsl(194.3,79.2%,30.2%)`
HSV (or HSB)	194.3°, 88.4, 54.1
Web Safe	006699	`#006699`

CIE-LAB	42.584, -14.38, -23.055
XYZ	10.269, 12.881, 25.989
xyY	0.209, 0.262, 12.881
CIE-LCH	42.584, 27.172, 238.046
CIE-LUV	42.584, -28.734, -31.24
Hunter-Lab	35.891, -11.739, -17.808
Binary	00010000, 01101101, 10001010

#106d8a
```
#106d8a rgb(16,109,138)
```
#8a2d10
```
#8a2d10 rgb(138,45,16)
```

Complementary Color

#108a6a
```
#108a6a rgb(16,138,106)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#10308a
```
#10308a rgb(16,48,138)
```

Analogous Color

#8a6a10
```
#8a6a10 rgb(138,106,16)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#8a1030
```
#8a1030 rgb(138,16,48)
```

Split Complementary Color

#6d8a10
```
#6d8a10 rgb(109,138,16)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#8a106d
```
#8a106d rgb(138,16,109)
```

Triadic Color

#108a2d
```
#108a2d rgb(16,138,45)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#8a106d
```
#8a106d rgb(138,16,109)
```
#8a2d10
```
#8a2d10 rgb(138,45,16)
```

Tetradic Color

#083745
```
#083745 rgb(8,55,69)
```
#0b495c
```
#0b495c rgb(11,73,92)
```
#0d5b73
```
#0d5b73 rgb(13,91,115)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#137fa1
```
#137fa1 rgb(19,127,161)
```
#1591b8
```
#1591b8 rgb(21,145,184)
```
#18a3cf
```
#18a3cf rgb(24,163,207)
```

Monochromatic Color

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

#108a89
```
#108a89 rgb(16,138,137)
```
#10818a
```
#10818a rgb(16,129,138)
```
#10778a
```
#10778a rgb(16,119,138)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#10638a
```
#10638a rgb(16,99,138)
```
#10598a
```
#10598a rgb(16,89,138)
```
#104f8a
```
#104f8a rgb(16,79,138)
```

Similar Colors

Text with hexadecimal color #106d8a

This text has a font color of #106d8a.

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

#106d8a background color

This paragraph has a background color of #106d8a.

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

#106d8a border color

This element has a border color of #106d8a.

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

CSS codes

.text {color:#106d8a;}

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

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

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, #020c0f is the darkest color, while #fcfeff is the lightest one.

#020c0f
```
#020c0f rgb(2,12,15)
```
#041a21
```
#041a21 rgb(4,26,33)
```
#062832
```
#062832 rgb(6,40,50)
```
#083544
```
#083544 rgb(8,53,68)
```
#0a4355
```
#0a4355 rgb(10,67,85)
```
#0c5167
```
#0c5167 rgb(12,81,103)
```
#0e5f78
```
#0e5f78 rgb(14,95,120)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#127b9c
```
#127b9c rgb(18,123,156)
```
#1489ad
```
#1489ad rgb(20,137,173)
```
#1697bf
```
#1697bf rgb(22,151,191)
```
#18a5d0
```
#18a5d0 rgb(24,165,208)
```
#1ab2e2
```
#1ab2e2 rgb(26,178,226)
```

Shade Color Variation

#29b9e6
```
#29b9e6 rgb(41,185,230)
```
#3bbfe8
```
#3bbfe8 rgb(59,191,232)
```
#4dc5ea
```
#4dc5ea rgb(77,197,234)
```
#5ecbec
```
#5ecbec rgb(94,203,236)
```
#70d0ee
```
#70d0ee rgb(112,208,238)
```
#81d6f0
```
#81d6f0 rgb(129,214,240)
```
#93dcf2
```
#93dcf2 rgb(147,220,242)
```
#a4e1f5
```
#a4e1f5 rgb(164,225,245)
```
#b6e7f7
```
#b6e7f7 rgb(182,231,247)
```
#c8edf9
```
#c8edf9 rgb(200,237,249)
```
#d9f3fb
```
#d9f3fb rgb(217,243,251)
```
#ebf8fd
```
#ebf8fd rgb(235,248,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#4b4e4f
```
#4b4e4f rgb(75,78,79)
```
#455155
```
#455155 rgb(69,81,85)
```
#3f545b
```
#3f545b rgb(63,84,91)
```
#395761
```
#395761 rgb(57,87,97)
```
#345a66
```
#345a66 rgb(52,90,102)
```
#2e5d6c
```
#2e5d6c rgb(46,93,108)
```
#286172
```
#286172 rgb(40,97,114)
```
#226478
```
#226478 rgb(34,100,120)
```
#1c677e
```
#1c677e rgb(28,103,126)
```
#166a84
```
#166a84 rgb(22,106,132)
```
#106d8a
```
#106d8a rgb(16,109,138)
```
#0a7090
```
#0a7090 rgb(10,112,144)
```
#047396
```
#047396 rgb(4,115,150)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#46595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#636b89 Protanopia 1% of men
#5d6b93 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#456c89 Protanomaly 1% of men, 0.01% of women
#416c90 Deuteranomaly 6% of men, 0.4% of women
#057383 Tritanomaly 0.01% of the population

#106d8a hex color

#106d8a Color Information

#106d8a Color Conversion

Color Schemes with #106d8a

Alternatives to #106d8a

#106d8a Preview

Shades and Tints of #106d8a

Tones of #106d8a

Color Blindness Simulator