#2f4e47 hex color

In a RGB color space, hex #2f4e47 is composed of 18.4% red, 30.6% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 9% yellow and 69.4% black. It has a hue angle of 166.5 degrees, a saturation of 24.8% and a lightness of 24.5%. #2f4e47 color hex could be obtained by blending #5e9c8e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 31
- B 28
RGB color chart
- C 40
- M 0
- Y 9
- K 69
CMYK color chart

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

The hexadecimal color #2f4e47 has RGB values of R:47, G:78, B:71 and CMYK values of C:0.4, M:0, Y:0.09, K:0.69. Its decimal value is 3100231.

Hex triplet	2f4e47	`#2f4e47`
RGB Decimal	47, 78, 71	`rgb(47,78,71)`
RGB Percent	18.4, 30.6, 27.8	`rgb(18.4%,30.6%,27.8%)`
CMYK	40, 0, 9, 69
HSL	166.5°, 24.8, 24.5	`hsl(166.5,24.8%,24.5%)`
HSV (or HSB)	166.5°, 39.7, 30.6
Web Safe	336633	`#336633`

CIE-LAB	30.659, -13.35, 0.511
XYZ	5.034, 6.508, 6.952
xyY	0.272, 0.352, 6.508
CIE-LCH	30.659, 13.359, 177.809
CIE-LUV	30.659, -13.875, 2.349
Hunter-Lab	25.51, -9.422, 1.7
Binary	00101111, 01001110, 01000111

#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#4e2f36
```
#4e2f36 rgb(78,47,54)
```

Complementary Color

#2f4e38
```
#2f4e38 rgb(47,78,56)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#2f464e
```
#2f464e rgb(47,70,78)
```

Analogous Color

#4e382f
```
#4e382f rgb(78,56,47)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#4e2f46
```
#4e2f46 rgb(78,47,70)
```

Split Complementary Color

#4e472f
```
#4e472f rgb(78,71,47)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#472f4e
```
#472f4e rgb(71,47,78)
```

Triadic Color

#364e2f
```
#364e2f rgb(54,78,47)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#472f4e
```
#472f4e rgb(71,47,78)
```
#4e2f36
```
#4e2f36 rgb(78,47,54)
```

Tetradic Color

#121e1c
```
#121e1c rgb(18,30,28)
```
#1c2e2a
```
#1c2e2a rgb(28,46,42)
```
#253e39
```
#253e39 rgb(37,62,57)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#395e55
```
#395e55 rgb(57,94,85)
```
#426e64
```
#426e64 rgb(66,110,100)
```
#4c7e72
```
#4c7e72 rgb(76,126,114)
```

Monochromatic Color

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

#2f4e3f
```
#2f4e3f rgb(47,78,63)
```
#2f4e42
```
#2f4e42 rgb(47,78,66)
```
#2f4e44
```
#2f4e44 rgb(47,78,68)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#2f4e4a
```
#2f4e4a rgb(47,78,74)
```
#2f4e4c
```
#2f4e4c rgb(47,78,76)
```
#2f4d4e
```
#2f4d4e rgb(47,77,78)
```

Similar Colors

Text with hexadecimal color #2f4e47

This text has a font color of #2f4e47.

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

#2f4e47 background color

This paragraph has a background color of #2f4e47.

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

#2f4e47 border color

This element has a border color of #2f4e47.

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

CSS codes

.text {color:#2f4e47;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0a110f
```
#0a110f rgb(10,17,15)
```
#111d1a
```
#111d1a rgb(17,29,26)
```
#192926
```
#192926 rgb(25,41,38)
```
#203631
```
#203631 rgb(32,54,49)
```
#28423c
```
#28423c rgb(40,66,60)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#365a52
```
#365a52 rgb(54,90,82)
```
#3e665d
```
#3e665d rgb(62,102,93)
```
#457368
```
#457368 rgb(69,115,104)
```
#4d7f74
```
#4d7f74 rgb(77,127,116)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#5b978a
```
#5b978a rgb(91,151,138)
```

Shade Color Variation

#64a294
```
#64a294 rgb(100,162,148)
```
#71a99c
```
#71a99c rgb(113,169,156)
```
#7db1a5
```
#7db1a5 rgb(125,177,165)
```
#89b8ad
```
#89b8ad rgb(137,184,173)
```
#95bfb6
```
#95bfb6 rgb(149,191,182)
```
#a2c7be
```
#a2c7be rgb(162,199,190)
```
#aecec7
```
#aecec7 rgb(174,206,199)
```
#bad5cf
```
#bad5cf rgb(186,213,207)
```
#c6ddd8
```
#c6ddd8 rgb(198,221,216)
```
#d3e4e0
```
#d3e4e0 rgb(211,228,224)
```
#dfece9
```
#dfece9 rgb(223,236,233)
```
#ebf3f1
```
#ebf3f1 rgb(235,243,241)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#3d403f
```
#3d403f rgb(61,64,63)
```
#394442
```
#394442 rgb(57,68,66)
```
#344944
```
#344944 rgb(52,73,68)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#2a534a
```
#2a534a rgb(42,83,74)
```
#25584c
```
#25584c rgb(37,88,76)
```
#215c4f
```
#215c4f rgb(33,92,79)
```
#1c6152
```
#1c6152 rgb(28,97,82)
```
#176654
```
#176654 rgb(23,102,84)
```
#126b57
```
#126b57 rgb(18,107,87)
```
#0d7059
```
#0d7059 rgb(13,112,89)
```
#09745c
```
#09745c rgb(9,116,92)
```
#04795f
```
#04795f rgb(4,121,95)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54514d Protanopia 1% of men
#584f53 Deuteranopia 1% of men
#3d555b Tritanopia 0.001% of the population

Trichromacy

#46504b Protanomaly 1% of men, 0.01% of women
#494e4e Deuteranomaly 6% of men, 0.4% of women
#375254 Tritanomaly 0.01% of the population

#2f4e47 hex color

#2f4e47 Color Information

#2f4e47 Color Conversion

Color Schemes with #2f4e47

Alternatives to #2f4e47

#2f4e47 Preview

Shades and Tints of #2f4e47

Tones of #2f4e47

Color Blindness Simulator