#2f8174 hex color

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

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

● #2f8174 color description : Dark moderate cyan.

The hexadecimal color #2f8174 has RGB values of R:47, G:129, B:116 and CMYK values of C:0.64, M:0, Y:0.1, K:0.49. Its decimal value is 3113332.

Hex triplet	2f8174	`#2f8174`
RGB Decimal	47, 129, 116	`rgb(47,129,116)`
RGB Percent	18.4, 50.6, 45.5	`rgb(18.4%,50.6%,45.5%)`
CMYK	64, 0, 10, 49
HSL	170.5°, 46.6, 34.5	`hsl(170.5,46.6%,34.5%)`
HSV (or HSB)	170.5°, 63.6, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.964, -27.978, -0.284
XYZ	12.174, 17.565, 19.271
xyY	0.248, 0.358, 17.565
CIE-LCH	48.964, 27.98, 180.581
CIE-LUV	48.964, -32.977, 3.651
Hunter-Lab	41.91, -21.493, 2.075
Binary	00101111, 10000001, 01110100

#2f8174
```
#2f8174 rgb(47,129,116)
```
#812f3c
```
#812f3c rgb(129,47,60)
```

Complementary Color

#2f814b
```
#2f814b rgb(47,129,75)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#2f6581
```
#2f6581 rgb(47,101,129)
```

Analogous Color

#814b2f
```
#814b2f rgb(129,75,47)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#812f65
```
#812f65 rgb(129,47,101)
```

Split Complementary Color

#81742f
```
#81742f rgb(129,116,47)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#742f81
```
#742f81 rgb(116,47,129)
```

Triadic Color

#3c812f
```
#3c812f rgb(60,129,47)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#742f81
```
#742f81 rgb(116,47,129)
```
#812f3c
```
#812f3c rgb(129,47,60)
```

Tetradic Color

#1b4942
```
#1b4942 rgb(27,73,66)
```
#215c52
```
#215c52 rgb(33,92,82)
```
#286e63
```
#286e63 rgb(40,110,99)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#369485
```
#369485 rgb(54,148,133)
```
#3da696
```
#3da696 rgb(61,166,150)
```
#43b9a6
```
#43b9a6 rgb(67,185,166)
```

Monochromatic Color

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

#2f8160
```
#2f8160 rgb(47,129,96)
```
#2f8166
```
#2f8166 rgb(47,129,102)
```
#2f816d
```
#2f816d rgb(47,129,109)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#2f817b
```
#2f817b rgb(47,129,123)
```
#2f8081
```
#2f8081 rgb(47,128,129)
```
#2f7a81
```
#2f7a81 rgb(47,122,129)
```

Similar Colors

Text with hexadecimal color #2f8174

This text has a font color of #2f8174.

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

#2f8174 background color

This paragraph has a background color of #2f8174.

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

#2f8174 border color

This element has a border color of #2f8174.

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

CSS codes

.text {color:#2f8174;}

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

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

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)
```
#102b26
```
#102b26 rgb(16,43,38)
```
#153933
```
#153933 rgb(21,57,51)
```
#1a4740
```
#1a4740 rgb(26,71,64)
```
#1f564d
```
#1f564d rgb(31,86,77)
```
#25645a
```
#25645a rgb(37,100,90)
```
#2a7367
```
#2a7367 rgb(42,115,103)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#348f81
```
#348f81 rgb(52,143,129)
```
#399e8e
```
#399e8e rgb(57,158,142)
```
#3fac9b
```
#3fac9b rgb(63,172,155)
```
#44bba8
```
#44bba8 rgb(68,187,168)
```

Shade Color Variation

#52c0af
```
#52c0af rgb(82,192,175)
```
#60c5b5
```
#60c5b5 rgb(96,197,181)
```
#6fcabc
```
#6fcabc rgb(111,202,188)
```
#7dd0c3
```
#7dd0c3 rgb(125,208,195)
```
#8cd5c9
```
#8cd5c9 rgb(140,213,201)
```
#9adad0
```
#9adad0 rgb(154,218,208)
```
#a8dfd7
```
#a8dfd7 rgb(168,223,215)
```
#b7e5dd
```
#b7e5dd rgb(183,229,221)
```
#c5eae4
```
#c5eae4 rgb(197,234,228)
```
#d3efeb
```
#d3efeb rgb(211,239,235)
```
#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 #06aa90 is the most saturated one.

#585858
```
#585858 rgb(88,88,88)
```
#515f5d
```
#515f5d rgb(81,95,93)
```
#4a6662
```
#4a6662 rgb(74,102,98)
```
#436d66
```
#436d66 rgb(67,109,102)
```
#3d736b
```
#3d736b rgb(61,115,107)
```
#367a6f
```
#367a6f rgb(54,122,111)
```
#2f8174
```
#2f8174 rgb(47,129,116)
```
#288879
```
#288879 rgb(40,136,121)
```
#218f7d
```
#218f7d rgb(33,143,125)
```
#1b9582
```
#1b9582 rgb(27,149,130)
```
#149c86
```
#149c86 rgb(20,156,134)
```
#0da38b
```
#0da38b rgb(13,163,139)
```
#06aa90
```
#06aa90 rgb(6,170,144)
```

Tone Color Variation

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

#7f7b74 Protanopia 1% of men
#847880 Deuteranopia 1% of men
#43848e Tritanopia 0.001% of the population

Trichromacy

#627d74 Protanomaly 1% of men, 0.01% of women
#657b7c Deuteranomaly 6% of men, 0.4% of women
#3c8384 Tritanomaly 0.01% of the population

#2f8174 hex color

#2f8174 Color Information

#2f8174 Color Conversion

Color Schemes with #2f8174

Alternatives to #2f8174

#2f8174 Preview

Shades and Tints of #2f8174

Tones of #2f8174

Color Blindness Simulator