#2f5342 hex color

In a RGB color space, hex #2f5342 is composed of 18.4% red, 32.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 0% magenta, 20.5% yellow and 67.5% black. It has a hue angle of 151.7 degrees, a saturation of 27.7% and a lightness of 25.5%. #2f5342 color hex could be obtained by blending #5ea684 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 33
- B 26
RGB color chart
- C 43
- M 0
- Y 20
- K 67
CMYK color chart

● #2f5342 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2f5342 has RGB values of R:47, G:83, B:66 and CMYK values of C:0.43, M:0, Y:0.2, K:0.67. Its decimal value is 3101506.

Hex triplet	2f5342	`#2f5342`
RGB Decimal	47, 83, 66	`rgb(47,83,66)`
RGB Percent	18.4, 32.5, 25.9	`rgb(18.4%,32.5%,25.9%)`
CMYK	43, 0, 20, 67
HSL	151.7°, 27.7, 25.5	`hsl(151.7,27.7%,25.5%)`
HSV (or HSB)	151.7°, 43.4, 32.5
Web Safe	336633	`#336633`

CIE-LAB	32.222, -17.451, 5.934
XYZ	5.249, 7.184, 6.264
xyY	0.281, 0.384, 7.184
CIE-LCH	32.222, 18.432, 161.222
CIE-LUV	32.222, -16.148, 9.308
Hunter-Lab	26.803, -11.951, 4.905
Binary	00101111, 01010011, 01000010

#2f5342
```
#2f5342 rgb(47,83,66)
```
#532f40
```
#532f40 rgb(83,47,64)
```

Complementary Color

#2f5330
```
#2f5330 rgb(47,83,48)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#2f5253
```
#2f5253 rgb(47,82,83)
```

Analogous Color

#53302f
```
#53302f rgb(83,48,47)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#532f52
```
#532f52 rgb(83,47,82)
```

Split Complementary Color

#53422f
```
#53422f rgb(83,66,47)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#422f53
```
#422f53 rgb(66,47,83)
```

Triadic Color

#40532f
```
#40532f rgb(64,83,47)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#422f53
```
#422f53 rgb(66,47,83)
```
#532f40
```
#532f40 rgb(83,47,64)
```

Tetradic Color

#13221b
```
#13221b rgb(19,34,27)
```
#1d3228
```
#1d3228 rgb(29,50,40)
```
#264335
```
#264335 rgb(38,67,53)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#38634f
```
#38634f rgb(56,99,79)
```
#41745c
```
#41745c rgb(65,116,92)
```
#4b8469
```
#4b8469 rgb(75,132,105)
```

Monochromatic Color

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

#2f5339
```
#2f5339 rgb(47,83,57)
```
#2f533c
```
#2f533c rgb(47,83,60)
```
#2f533f
```
#2f533f rgb(47,83,63)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#2f5345
```
#2f5345 rgb(47,83,69)
```
#2f5348
```
#2f5348 rgb(47,83,72)
```
#2f534b
```
#2f534b rgb(47,83,75)
```

Similar Colors

Text with hexadecimal color #2f5342

This text has a font color of #2f5342.

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

#2f5342 background color

This paragraph has a background color of #2f5342.

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

#2f5342 border color

This element has a border color of #2f5342.

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

CSS codes

.text {color:#2f5342;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#0c1410
```
#0c1410 rgb(12,20,16)
```
#13211a
```
#13211a rgb(19,33,26)
```
#1a2d24
```
#1a2d24 rgb(26,45,36)
```
#213a2e
```
#213a2e rgb(33,58,46)
```
#284638
```
#284638 rgb(40,70,56)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#36604c
```
#36604c rgb(54,96,76)
```
#3d6c56
```
#3d6c56 rgb(61,108,86)
```
#447960
```
#447960 rgb(68,121,96)
```
#4b856a
```
#4b856a rgb(75,133,106)
```
#529274
```
#529274 rgb(82,146,116)
```
#5a9e7e
```
#5a9e7e rgb(90,158,126)
```

Shade Color Variation

#64a788
```
#64a788 rgb(100,167,136)
```
#71ae91
```
#71ae91 rgb(113,174,145)
```
#7db59b
```
#7db59b rgb(125,181,155)
```
#8abda4
```
#8abda4 rgb(138,189,164)
```
#96c4ae
```
#96c4ae rgb(150,196,174)
```
#a3cbb8
```
#a3cbb8 rgb(163,203,184)
```
#afd2c1
```
#afd2c1 rgb(175,210,193)
```
#bcd9cb
```
#bcd9cb rgb(188,217,203)
```
#c8e0d5
```
#c8e0d5 rgb(200,224,213)
```
#d5e7de
```
#d5e7de rgb(213,231,222)
```
#e1eee8
```
#e1eee8 rgb(225,238,232)
```
#eef5f2
```
#eef5f2 rgb(238,245,242)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#3e4441
```
#3e4441 rgb(62,68,65)
```
#394941
```
#394941 rgb(57,73,65)
```
#344e42
```
#344e42 rgb(52,78,66)
```
#2f5342
```
#2f5342 rgb(47,83,66)
```
#2a5842
```
#2a5842 rgb(42,88,66)
```
#255d43
```
#255d43 rgb(37,93,67)
```
#206243
```
#206243 rgb(32,98,67)
```
#1b6743
```
#1b6743 rgb(27,103,67)
```
#166c43
```
#166c43 rgb(22,108,67)
```
#117144
```
#117144 rgb(17,113,68)
```
#0c7644
```
#0c7644 rgb(12,118,68)
```
#077b44
```
#077b44 rgb(7,123,68)
```
#028045
```
#028045 rgb(2,128,69)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595448 Protanopia 1% of men
#5f524f Deuteranopia 1% of men
#3f595f Tritanopia 0.001% of the population

Trichromacy

#4a5446 Protanomaly 1% of men, 0.01% of women
#4d524a Deuteranomaly 6% of men, 0.4% of women
#395654 Tritanomaly 0.01% of the population

#2f5342 hex color

#2f5342 Color Information

#2f5342 Color Conversion

Color Schemes with #2f5342

Alternatives to #2f5342

#2f5342 Preview

Shades and Tints of #2f5342

Tones of #2f5342

Color Blindness Simulator