#2f7166 hex color

In a RGB color space, hex #2f7166 is composed of 18.4% red, 44.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 0% magenta, 9.7% yellow and 55.7% black. It has a hue angle of 170 degrees, a saturation of 41.3% and a lightness of 31.4%. #2f7166 color hex could be obtained by blending #5ee2cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 44
- B 40
RGB color chart
- C 58
- M 0
- Y 10
- K 56
CMYK color chart

● #2f7166 color description : Very dark desaturated cyan.

The hexadecimal color #2f7166 has RGB values of R:47, G:113, B:102 and CMYK values of C:0.58, M:0, Y:0.1, K:0.56. Its decimal value is 3109222.

Hex triplet	2f7166	`#2f7166`
RGB Decimal	47, 113, 102	`rgb(47,113,102)`
RGB Percent	18.4, 44.3, 40	`rgb(18.4%,44.3%,40%)`
CMYK	58, 0, 10, 56
HSL	170°, 41.3, 31.4	`hsl(170,41.3%,31.4%)`
HSV (or HSB)	170°, 58.4, 44.3
Web Safe	336666	`#336666`

CIE-LAB	43.32, -23.854, -0.211
XYZ	9.475, 13.373, 14.652
xyY	0.253, 0.357, 13.373
CIE-LCH	43.32, 23.855, 180.508
CIE-LUV	43.32, -27.395, 3.078
Hunter-Lab	36.569, -17.748, 1.844
Binary	00101111, 01110001, 01100110

#2f7166
```
#2f7166 rgb(47,113,102)
```
#712f3a
```
#712f3a rgb(113,47,58)
```

Complementary Color

#2f7145
```
#2f7145 rgb(47,113,69)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#2f5b71
```
#2f5b71 rgb(47,91,113)
```

Analogous Color

#71452f
```
#71452f rgb(113,69,47)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#712f5b
```
#712f5b rgb(113,47,91)
```

Split Complementary Color

#71662f
```
#71662f rgb(113,102,47)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#662f71
```
#662f71 rgb(102,47,113)
```

Triadic Color

#3a712f
```
#3a712f rgb(58,113,47)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#662f71
```
#662f71 rgb(102,47,113)
```
#712f3a
```
#712f3a rgb(113,47,58)
```

Tetradic Color

#193b35
```
#193b35 rgb(25,59,53)
```
#204d45
```
#204d45 rgb(32,77,69)
```
#285f56
```
#285f56 rgb(40,95,86)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#368376
```
#368376 rgb(54,131,118)
```
#3e9587
```
#3e9587 rgb(62,149,135)
```
#45a797
```
#45a797 rgb(69,167,151)
```

Monochromatic Color

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

#2f7156
```
#2f7156 rgb(47,113,86)
```
#2f715b
```
#2f715b rgb(47,113,91)
```
#2f7161
```
#2f7161 rgb(47,113,97)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#2f716c
```
#2f716c rgb(47,113,108)
```
#2f7171
```
#2f7171 rgb(47,113,113)
```
#2f6c71
```
#2f6c71 rgb(47,108,113)
```

Similar Colors

Text with hexadecimal color #2f7166

This text has a font color of #2f7166.

<span style="color:#2f7166;">Text here</span>

#2f7166 background color

This paragraph has a background color of #2f7166.

<p style="background-color:#2f7166;">Content here</p>

#2f7166 border color

This element has a border color of #2f7166.

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

CSS codes

.text {color:#2f7166;}

.background {background-color:#2f7166;}

.border {border:1px solid #2f7166;}

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

#010202
```
#010202 rgb(1,2,2)
```
#07100e
```
#07100e rgb(7,16,14)
```
#0c1e1b
```
#0c1e1b rgb(12,30,27)
```
#122c27
```
#122c27 rgb(18,44,39)
```
#183a34
```
#183a34 rgb(24,58,52)
```
#1e4740
```
#1e4740 rgb(30,71,64)
```
#23554d
```
#23554d rgb(35,85,77)
```
#296359
```
#296359 rgb(41,99,89)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#357f73
```
#357f73 rgb(53,127,115)
```
#3b8d7f
```
#3b8d7f rgb(59,141,127)
```
#409b8c
```
#409b8c rgb(64,155,140)
```
#46a898
```
#46a898 rgb(70,168,152)
```

Shade Color Variation

#4db5a4
```
#4db5a4 rgb(77,181,164)
```
#5bbbab
```
#5bbbab rgb(91,187,171)
```
#69c1b2
```
#69c1b2 rgb(105,193,178)
```
#77c6b9
```
#77c6b9 rgb(119,198,185)
```
#84ccc0
```
#84ccc0 rgb(132,204,192)
```
#92d2c7
```
#92d2c7 rgb(146,210,199)
```
#a0d8ce
```
#a0d8ce rgb(160,216,206)
```
#aeddd5
```
#aeddd5 rgb(174,221,213)
```
#bce3dd
```
#bce3dd rgb(188,227,221)
```
#cae9e4
```
#cae9e4 rgb(202,233,228)
```
#d8efeb
```
#d8efeb rgb(216,239,235)
```
#e5f4f2
```
#e5f4f2 rgb(229,244,242)
```
#f3faf9
```
#f3faf9 rgb(243,250,249)
```

Tint Color Variation

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

#4e5251
```
#4e5251 rgb(78,82,81)
```
#485856
```
#485856 rgb(72,88,86)
```
#415f5a
```
#415f5a rgb(65,95,90)
```
#3b655e
```
#3b655e rgb(59,101,94)
```
#356b62
```
#356b62 rgb(53,107,98)
```
#2f7166
```
#2f7166 rgb(47,113,102)
```
#29776a
```
#29776a rgb(41,119,106)
```
#237d6e
```
#237d6e rgb(35,125,110)
```
#1d8372
```
#1d8372 rgb(29,131,114)
```
#168a76
```
#168a76 rgb(22,138,118)
```
#10907b
```
#10907b rgb(16,144,123)
```
#0a967f
```
#0a967f rgb(10,150,127)
```
#049c83
```
#049c83 rgb(4,156,131)
```

Tone Color Variation

Below, you can see how #2f7166 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

#5c5c5c Achromatopsia 0.005% of the population
#53605e Atypical Achromatopsia 0.001% of the population

Dichromacy

#716d68 Protanopia 1% of men
#766b72 Deuteranopia 1% of men
#41757e Tritanopia 0.001% of the population

Trichromacy

#596e67 Protanomaly 1% of men, 0.01% of women
#5c6d6e Deuteranomaly 6% of men, 0.4% of women
#3a7475 Tritanomaly 0.01% of the population

#2f7166 hex color

#2f7166 Color Information

#2f7166 Color Conversion

Color Schemes with #2f7166

Alternatives to #2f7166

#2f7166 Preview

Shades and Tints of #2f7166

Tones of #2f7166

Color Blindness Simulator