#106f7e hex color

In a RGB color space, hex #106f7e is composed of 6.3% red, 43.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 11.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 188.2 degrees, a saturation of 77.5% and a lightness of 27.8%. #106f7e color hex could be obtained by blending #20defc with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 6
- G 44
- B 49
RGB color chart
- C 87
- M 12
- Y 0
- K 51
CMYK color chart

● #106f7e color description : Dark cyan.

The hexadecimal color #106f7e has RGB values of R:16, G:111, B:126 and CMYK values of C:0.87, M:0.12, Y:0, K:0.51. Its decimal value is 1077118.

Hex triplet	106f7e	`#106f7e`
RGB Decimal	16, 111, 126	`rgb(16,111,126)`
RGB Percent	6.3, 43.5, 49.4	`rgb(6.3%,43.5%,49.4%)`
CMYK	87, 12, 0, 51
HSL	188.2°, 77.5, 27.8	`hsl(188.2,77.5%,27.8%)`
HSV (or HSB)	188.2°, 87.3, 49.4
Web Safe	006666	`#006666`

CIE-LAB	42.74, -19.829, -15.61
XYZ	9.663, 12.984, 21.734
xyY	0.218, 0.293, 12.984
CIE-LCH	42.74, 25.236, 218.211
CIE-LUV	42.74, -30.276, -19.409
Hunter-Lab	36.034, -15.192, -10.538
Binary	00010000, 01101111, 01111110

#106f7e
```
#106f7e rgb(16,111,126)
```
#7e1f10
```
#7e1f10 rgb(126,31,16)
```

Complementary Color

#107e56
```
#107e56 rgb(16,126,86)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#10387e
```
#10387e rgb(16,56,126)
```

Analogous Color

#7e5610
```
#7e5610 rgb(126,86,16)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#7e1038
```
#7e1038 rgb(126,16,56)
```

Split Complementary Color

#6f7e10
```
#6f7e10 rgb(111,126,16)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#7e106f
```
#7e106f rgb(126,16,111)
```

Triadic Color

#107e1f
```
#107e1f rgb(16,126,31)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#7e106f
```
#7e106f rgb(126,16,111)
```
#7e1f10
```
#7e1f10 rgb(126,31,16)
```

Tetradic Color

#07333a
```
#07333a rgb(7,51,58)
```
#0a4751
```
#0a4751 rgb(10,71,81)
```
#0d5b67
```
#0d5b67 rgb(13,91,103)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#138395
```
#138395 rgb(19,131,149)
```
#1697ab
```
#1697ab rgb(22,151,171)
```
#19abc2
```
#19abc2 rgb(25,171,194)
```

Monochromatic Color

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

#107e72
```
#107e72 rgb(16,126,114)
```
#107e7b
```
#107e7b rgb(16,126,123)
```
#10787e
```
#10787e rgb(16,120,126)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#10667e
```
#10667e rgb(16,102,126)
```
#105d7e
```
#105d7e rgb(16,93,126)
```
#10547e
```
#10547e rgb(16,84,126)
```

Similar Colors

Text with hexadecimal color #106f7e

This text has a font color of #106f7e.

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

#106f7e background color

This paragraph has a background color of #106f7e.

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

#106f7e border color

This element has a border color of #106f7e.

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

CSS codes

.text {color:#106f7e;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031316
```
#031316 rgb(3,19,22)
```
#052227
```
#052227 rgb(5,34,39)
```
#073238
```
#073238 rgb(7,50,56)
```
#09414a
```
#09414a rgb(9,65,74)
```
#0c505b
```
#0c505b rgb(12,80,91)
```
#0e606d
```
#0e606d rgb(14,96,109)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#127e8f
```
#127e8f rgb(18,126,143)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#179db2
```
#179db2 rgb(23,157,178)
```
#19acc4
```
#19acc4 rgb(25,172,196)
```
#1bbcd5
```
#1bbcd5 rgb(27,188,213)
```

Shade Color Variation

#21c8e3
```
#21c8e3 rgb(33,200,227)
```
#32cde5
```
#32cde5 rgb(50,205,229)
```
#44d1e7
```
#44d1e7 rgb(68,209,231)
```
#55d5e9
```
#55d5e9 rgb(85,213,233)
```
#67d9ec
```
#67d9ec rgb(103,217,236)
```
#78deee
```
#78deee rgb(120,222,238)
```
#89e2f0
```
#89e2f0 rgb(137,226,240)
```
#9be6f2
```
#9be6f2 rgb(155,230,242)
```
#acebf4
```
#acebf4 rgb(172,235,244)
```
#beeff7
```
#beeff7 rgb(190,239,247)
```
#cff3f9
```
#cff3f9 rgb(207,243,249)
```
#e0f7fb
```
#e0f7fb rgb(224,247,251)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

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

#474747
```
#474747 rgb(71,71,71)
```
#414b4d
```
#414b4d rgb(65,75,77)
```
#3c4f52
```
#3c4f52 rgb(60,79,82)
```
#365358
```
#365358 rgb(54,83,88)
```
#31575d
```
#31575d rgb(49,87,93)
```
#2b5b63
```
#2b5b63 rgb(43,91,99)
```
#265f68
```
#265f68 rgb(38,95,104)
```
#20636e
```
#20636e rgb(32,99,110)
```
#1b6773
```
#1b6773 rgb(27,103,115)
```
#156b79
```
#156b79 rgb(21,107,121)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#0b7383
```
#0b7383 rgb(11,115,131)
```
#057789
```
#057789 rgb(5,119,137)
```

Tone Color Variation

Below, you can see how #106f7e 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
#46595c Atypical Achromatopsia 0.001% of the population

Dichromacy

#696c7e Protanopia 1% of men
#676b89 Deuteranopia 1% of men
#137780 Tritanopia 0.001% of the population

Trichromacy

#486d7e Protanomaly 1% of men, 0.01% of women
#476c85 Deuteranomaly 6% of men, 0.4% of women
#12747f Tritanomaly 0.01% of the population

#106f7e hex color

#106f7e Color Information

#106f7e Color Conversion

Color Schemes with #106f7e

Alternatives to #106f7e

#106f7e Preview

Shades and Tints of #106f7e

Tones of #106f7e

Color Blindness Simulator