#2f8177 hex color

In a RGB color space, hex #2f8177 is composed of 18.4% red, 50.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 7.8% yellow and 49.4% black. It has a hue angle of 172.7 degrees, a saturation of 46.6% and a lightness of 34.5%. #2f8177 color hex could be obtained by blending #5effee with #000300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 51
- B 47
RGB color chart
- C 64
- M 0
- Y 8
- K 49
CMYK color chart

● #2f8177 color description : Dark moderate cyan.

The hexadecimal color #2f8177 has RGB values of R:47, G:129, B:119 and CMYK values of C:0.64, M:0, Y:0.08, K:0.49. Its decimal value is 3113335.

Hex triplet	2f8177	`#2f8177`
RGB Decimal	47, 129, 119	`rgb(47,129,119)`
RGB Percent	18.4, 50.6, 46.7	`rgb(18.4%,50.6%,46.7%)`
CMYK	64, 0, 8, 49
HSL	172.7°, 46.6, 34.5	`hsl(172.7,46.6%,34.5%)`
HSV (or HSB)	172.7°, 63.6, 50.6
Web Safe	339966	`#339966`

CIE-LAB	49.051, -27.137, -1.919
XYZ	12.351, 17.636, 20.205
xyY	0.246, 0.351, 17.636
CIE-LCH	49.051, 27.204, 184.045
CIE-LUV	49.051, -32.811, 1.242
Hunter-Lab	41.995, -20.992, 0.87
Binary	00101111, 10000001, 01110111

#2f8177
```
#2f8177 rgb(47,129,119)
```
#812f39
```
#812f39 rgb(129,47,57)
```

Complementary Color

#2f814e
```
#2f814e rgb(47,129,78)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#2f6281
```
#2f6281 rgb(47,98,129)
```

Analogous Color

#814e2f
```
#814e2f rgb(129,78,47)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#812f62
```
#812f62 rgb(129,47,98)
```

Split Complementary Color

#81772f
```
#81772f rgb(129,119,47)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#772f81
```
#772f81 rgb(119,47,129)
```

Triadic Color

#39812f
```
#39812f rgb(57,129,47)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#772f81
```
#772f81 rgb(119,47,129)
```
#812f39
```
#812f39 rgb(129,47,57)
```

Tetradic Color

#1b4943
```
#1b4943 rgb(27,73,67)
```
#215c55
```
#215c55 rgb(33,92,85)
```
#286e66
```
#286e66 rgb(40,110,102)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#369488
```
#369488 rgb(54,148,136)
```
#3da699
```
#3da699 rgb(61,166,153)
```
#43b9ab
```
#43b9ab rgb(67,185,171)
```

Monochromatic Color

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

#2f8163
```
#2f8163 rgb(47,129,99)
```
#2f8169
```
#2f8169 rgb(47,129,105)
```
#2f8170
```
#2f8170 rgb(47,129,112)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#2f817e
```
#2f817e rgb(47,129,126)
```
#2f7d81
```
#2f7d81 rgb(47,125,129)
```
#2f7781
```
#2f7781 rgb(47,119,129)
```

Similar Colors

Text with hexadecimal color #2f8177

This text has a font color of #2f8177.

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

#2f8177 background color

This paragraph has a background color of #2f8177.

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

#2f8177 border color

This element has a border color of #2f8177.

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

CSS codes

.text {color:#2f8177;}

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

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

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, #050e0d is the darkest color, while #ffffff is the lightest one.

#050e0d
```
#050e0d rgb(5,14,13)
```
#0a1c1a
```
#0a1c1a rgb(10,28,26)
```
#102b27
```
#102b27 rgb(16,43,39)
```
#153935
```
#153935 rgb(21,57,53)
```
#1a4742
```
#1a4742 rgb(26,71,66)
```
#1f564f
```
#1f564f rgb(31,86,79)
```
#25645c
```
#25645c rgb(37,100,92)
```
#2a736a
```
#2a736a rgb(42,115,106)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#348f84
```
#348f84 rgb(52,143,132)
```
#399e92
```
#399e92 rgb(57,158,146)
```
#3fac9f
```
#3fac9f rgb(63,172,159)
```
#44bbac
```
#44bbac rgb(68,187,172)
```

Shade Color Variation

#52c0b3
```
#52c0b3 rgb(82,192,179)
```
#60c5b9
```
#60c5b9 rgb(96,197,185)
```
#6fcabf
```
#6fcabf rgb(111,202,191)
```
#7dd0c6
```
#7dd0c6 rgb(125,208,198)
```
#8cd5cc
```
#8cd5cc rgb(140,213,204)
```
#9adad2
```
#9adad2 rgb(154,218,210)
```
#a8dfd9
```
#a8dfd9 rgb(168,223,217)
```
#b7e5df
```
#b7e5df rgb(183,229,223)
```
#c5eae5
```
#c5eae5 rgb(197,234,229)
```
#d3efec
```
#d3efec rgb(211,239,236)
```
#e2f4f2
```
#e2f4f2 rgb(226,244,242)
```
#f0faf8
```
#f0faf8 rgb(240,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#585858
```
#585858 rgb(88,88,88)
```
#515f5d
```
#515f5d rgb(81,95,93)
```
#4a6663
```
#4a6663 rgb(74,102,99)
```
#436d68
```
#436d68 rgb(67,109,104)
```
#3d736d
```
#3d736d rgb(61,115,109)
```
#367a72
```
#367a72 rgb(54,122,114)
```
#2f8177
```
#2f8177 rgb(47,129,119)
```
#28887c
```
#28887c rgb(40,136,124)
```
#218f81
```
#218f81 rgb(33,143,129)
```
#1b9586
```
#1b9586 rgb(27,149,134)
```
#149c8b
```
#149c8b rgb(20,156,139)
```
#0da391
```
#0da391 rgb(13,163,145)
```
#06aa96
```
#06aa96 rgb(6,170,150)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7b77 Protanopia 1% of men
#837883 Deuteranopia 1% of men
#42858e Tritanopia 0.001% of the population

Trichromacy

#617d77 Protanomaly 1% of men, 0.01% of women
#647b7e Deuteranomaly 6% of men, 0.4% of women
#3b8386 Tritanomaly 0.01% of the population

#2f8177 hex color

#2f8177 Color Information

#2f8177 Color Conversion

Color Schemes with #2f8177

Alternatives to #2f8177

#2f8177 Preview

Shades and Tints of #2f8177

Tones of #2f8177

Color Blindness Simulator