#2f8171 hex color

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

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

● #2f8171 color description : Dark moderate cyan.

The hexadecimal color #2f8171 has RGB values of R:47, G:129, B:113 and CMYK values of C:0.64, M:0, Y:0.12, K:0.49. Its decimal value is 3113329.

Hex triplet	2f8171	`#2f8171`
RGB Decimal	47, 129, 113	`rgb(47,129,113)`
RGB Percent	18.4, 50.6, 44.3	`rgb(18.4%,50.6%,44.3%)`
CMYK	64, 0, 12, 49
HSL	168.3°, 46.6, 34.5	`hsl(168.3,46.6%,34.5%)`
HSV (or HSB)	168.3°, 63.6, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.879, -28.803, 1.355
XYZ	12.002, 17.496, 18.366
xyY	0.251, 0.366, 17.496
CIE-LCH	48.879, 28.835, 177.307
CIE-LUV	48.879, -33.142, 6.031
Hunter-Lab	41.828, -21.981, 3.246
Binary	00101111, 10000001, 01110001

#2f8171
```
#2f8171 rgb(47,129,113)
```
#812f3f
```
#812f3f rgb(129,47,63)
```

Complementary Color

#2f8148
```
#2f8148 rgb(47,129,72)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#2f6881
```
#2f6881 rgb(47,104,129)
```

Analogous Color

#81482f
```
#81482f rgb(129,72,47)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#812f68
```
#812f68 rgb(129,47,104)
```

Split Complementary Color

#81712f
```
#81712f rgb(129,113,47)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#712f81
```
#712f81 rgb(113,47,129)
```

Triadic Color

#3f812f
```
#3f812f rgb(63,129,47)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#712f81
```
#712f81 rgb(113,47,129)
```
#812f3f
```
#812f3f rgb(129,47,63)
```

Tetradic Color

#1b4940
```
#1b4940 rgb(27,73,64)
```
#215c50
```
#215c50 rgb(33,92,80)
```
#286e61
```
#286e61 rgb(40,110,97)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#369481
```
#369481 rgb(54,148,129)
```
#3da692
```
#3da692 rgb(61,166,146)
```
#43b9a2
```
#43b9a2 rgb(67,185,162)
```

Monochromatic Color

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

#2f815d
```
#2f815d rgb(47,129,93)
```
#2f8163
```
#2f8163 rgb(47,129,99)
```
#2f816a
```
#2f816a rgb(47,129,106)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#2f8178
```
#2f8178 rgb(47,129,120)
```
#2f817f
```
#2f817f rgb(47,129,127)
```
#2f7d81
```
#2f7d81 rgb(47,125,129)
```

Similar Colors

Text with hexadecimal color #2f8171

This text has a font color of #2f8171.

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

#2f8171 background color

This paragraph has a background color of #2f8171.

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

#2f8171 border color

This element has a border color of #2f8171.

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

CSS codes

.text {color:#2f8171;}

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

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

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

#050e0c
```
#050e0c rgb(5,14,12)
```
#0a1c19
```
#0a1c19 rgb(10,28,25)
```
#102b25
```
#102b25 rgb(16,43,37)
```
#153932
```
#153932 rgb(21,57,50)
```
#1a473f
```
#1a473f rgb(26,71,63)
```
#1f564b
```
#1f564b rgb(31,86,75)
```
#256458
```
#256458 rgb(37,100,88)
```
#2a7364
```
#2a7364 rgb(42,115,100)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#399e8a
```
#399e8a rgb(57,158,138)
```
#3fac97
```
#3fac97 rgb(63,172,151)
```
#44bba3
```
#44bba3 rgb(68,187,163)
```

Shade Color Variation

#52c0ab
```
#52c0ab rgb(82,192,171)
```
#60c5b2
```
#60c5b2 rgb(96,197,178)
```
#6fcab9
```
#6fcab9 rgb(111,202,185)
```
#7dd0c0
```
#7dd0c0 rgb(125,208,192)
```
#8cd5c7
```
#8cd5c7 rgb(140,213,199)
```
#9adace
```
#9adace rgb(154,218,206)
```
#a8dfd5
```
#a8dfd5 rgb(168,223,213)
```
#b7e5dc
```
#b7e5dc rgb(183,229,220)
```
#c5eae3
```
#c5eae3 rgb(197,234,227)
```
#d3efea
```
#d3efea rgb(211,239,234)
```
#e2f4f1
```
#e2f4f1 rgb(226,244,241)
```
#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 #06aa8a is the most saturated one.

#585858
```
#585858 rgb(88,88,88)
```
#515f5c
```
#515f5c rgb(81,95,92)
```
#4a6660
```
#4a6660 rgb(74,102,96)
```
#436d65
```
#436d65 rgb(67,109,101)
```
#3d7369
```
#3d7369 rgb(61,115,105)
```
#367a6d
```
#367a6d rgb(54,122,109)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#288875
```
#288875 rgb(40,136,117)
```
#218f79
```
#218f79 rgb(33,143,121)
```
#1b957d
```
#1b957d rgb(27,149,125)
```
#149c82
```
#149c82 rgb(20,156,130)
```
#0da386
```
#0da386 rgb(13,163,134)
```
#06aa8a
```
#06aa8a rgb(6,170,138)
```

Tone Color Variation

Below, you can see how #2f8171 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
#5c6c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a72 Protanopia 1% of men
#85777d Deuteranopia 1% of men
#44848e Tritanopia 0.001% of the population

Trichromacy

#627d71 Protanomaly 1% of men, 0.01% of women
#667b79 Deuteranomaly 6% of men, 0.4% of women
#3c8383 Tritanomaly 0.01% of the population

#2f8171 hex color

#2f8171 Color Information

#2f8171 Color Conversion

Color Schemes with #2f8171

Alternatives to #2f8171

#2f8171 Preview

Shades and Tints of #2f8171

Tones of #2f8171

Color Blindness Simulator