#2f6a49 hex color

In a RGB color space, hex #2f6a49 is composed of 18.4% red, 41.6% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 0% magenta, 31.1% yellow and 58.4% black. It has a hue angle of 146.4 degrees, a saturation of 38.6% and a lightness of 30%. #2f6a49 color hex could be obtained by blending #5ed492 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 42
- B 29
RGB color chart
- C 56
- M 0
- Y 31
- K 58
CMYK color chart

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

The hexadecimal color #2f6a49 has RGB values of R:47, G:106, B:73 and CMYK values of C:0.56, M:0, Y:0.31, K:0.58. Its decimal value is 3107401.

Hex triplet	2f6a49	`#2f6a49`
RGB Decimal	47, 106, 73	`rgb(47,106,73)`
RGB Percent	18.4, 41.6, 28.6	`rgb(18.4%,41.6%,28.6%)`
CMYK	56, 0, 31, 58
HSL	146.4°, 38.6, 30	`hsl(146.4,38.6%,30%)`
HSV (or HSB)	146.4°, 55.7, 41.6
Web Safe	336633	`#336633`

CIE-LAB	40.234, -27.66, 12.823
XYZ	7.528, 11.393, 8.105
xyY	0.279, 0.422, 11.393
CIE-LCH	40.234, 30.488, 155.128
CIE-LUV	40.234, -25.788, 19.573
Hunter-Lab	33.753, -19.255, 9.39
Binary	00101111, 01101010, 01001001

#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#6a2f50
```
#6a2f50 rgb(106,47,80)
```

Complementary Color

#336a2f
```
#336a2f rgb(51,106,47)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#2f6a67
```
#2f6a67 rgb(47,106,103)
```

Analogous Color

#6a2f33
```
#6a2f33 rgb(106,47,51)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#672f6a
```
#672f6a rgb(103,47,106)
```

Split Complementary Color

#6a492f
```
#6a492f rgb(106,73,47)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#492f6a
```
#492f6a rgb(73,47,106)
```

Triadic Color

#506a2f
```
#506a2f rgb(80,106,47)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#492f6a
```
#492f6a rgb(73,47,106)
```
#6a2f50
```
#6a2f50 rgb(106,47,80)
```

Tetradic Color

#183525
```
#183525 rgb(24,53,37)
```
#1f4731
```
#1f4731 rgb(31,71,49)
```
#27583d
```
#27583d rgb(39,88,61)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#377c55
```
#377c55 rgb(55,124,85)
```
#3f8d61
```
#3f8d61 rgb(63,141,97)
```
#479f6e
```
#479f6e rgb(71,159,110)
```

Monochromatic Color

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

#2f6a3a
```
#2f6a3a rgb(47,106,58)
```
#2f6a3f
```
#2f6a3f rgb(47,106,63)
```
#2f6a44
```
#2f6a44 rgb(47,106,68)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#2f6a4e
```
#2f6a4e rgb(47,106,78)
```
#2f6a53
```
#2f6a53 rgb(47,106,83)
```
#2f6a58
```
#2f6a58 rgb(47,106,88)
```

Similar Colors

Text with hexadecimal color #2f6a49

This text has a font color of #2f6a49.

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

#2f6a49 background color

This paragraph has a background color of #2f6a49.

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

#2f6a49 border color

This element has a border color of #2f6a49.

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

CSS codes

.text {color:#2f6a49;}

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

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

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

#050b07
```
#050b07 rgb(5,11,7)
```
#0b1811
```
#0b1811 rgb(11,24,17)
```
#11261a
```
#11261a rgb(17,38,26)
```
#173424
```
#173424 rgb(23,52,36)
```
#1d412d
```
#1d412d rgb(29,65,45)
```
#234f36
```
#234f36 rgb(35,79,54)
```
#295c40
```
#295c40 rgb(41,92,64)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#357852
```
#357852 rgb(53,120,82)
```
#3b855c
```
#3b855c rgb(59,133,92)
```
#419365
```
#419365 rgb(65,147,101)
```
#47a06e
```
#47a06e rgb(71,160,110)
```
#4dae78
```
#4dae78 rgb(77,174,120)
```

Shade Color Variation

#59b582
```
#59b582 rgb(89,181,130)
```
#67bc8c
```
#67bc8c rgb(103,188,140)
```
#74c296
```
#74c296 rgb(116,194,150)
```
#82c8a1
```
#82c8a1 rgb(130,200,161)
```
#90ceab
```
#90ceab rgb(144,206,171)
```
#9dd4b5
```
#9dd4b5 rgb(157,212,181)
```
#abdabf
```
#abdabf rgb(171,218,191)
```
#b8e0ca
```
#b8e0ca rgb(184,224,202)
```
#c6e6d4
```
#c6e6d4 rgb(198,230,212)
```
#d4ecde
```
#d4ecde rgb(212,236,222)
```
#e1f2e8
```
#e1f2e8 rgb(225,242,232)
```
#eff8f3
```
#eff8f3 rgb(239,248,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#4c4d4c
```
#4c4d4c rgb(76,77,76)
```
#47524c
```
#47524c rgb(71,82,76)
```
#41584b
```
#41584b rgb(65,88,75)
```
#3b5e4a
```
#3b5e4a rgb(59,94,74)
```
#35644a
```
#35644a rgb(53,100,74)
```
#2f6a49
```
#2f6a49 rgb(47,106,73)
```
#297048
```
#297048 rgb(41,112,72)
```
#237648
```
#237648 rgb(35,118,72)
```
#1d7c47
```
#1d7c47 rgb(29,124,71)
```
#178246
```
#178246 rgb(23,130,70)
```
#128746
```
#128746 rgb(18,135,70)
```
#0c8d45
```
#0c8d45 rgb(12,141,69)
```
#069344
```
#069344 rgb(6,147,68)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e674d Protanopia 1% of men
#766357 Deuteranopia 1% of men
#456d75 Tritanopia 0.001% of the population

Trichromacy

#57684c Protanomaly 1% of men, 0.01% of women
#5c6552 Deuteranomaly 6% of men, 0.4% of women
#3d6c65 Tritanomaly 0.01% of the population

#2f6a49 hex color

#2f6a49 Color Information

#2f6a49 Color Conversion

Color Schemes with #2f6a49

Alternatives to #2f6a49

#2f6a49 Preview

Shades and Tints of #2f6a49

Tones of #2f6a49

Color Blindness Simulator