#2f553a hex color

In a RGB color space, hex #2f553a is composed of 18.4% red, 33.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 0% magenta, 31.8% yellow and 66.7% black. It has a hue angle of 137.4 degrees, a saturation of 28.8% and a lightness of 25.9%. #2f553a color hex could be obtained by blending #5eaa74 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 33
- B 23
RGB color chart
- C 45
- M 0
- Y 32
- K 67
CMYK color chart

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

The hexadecimal color #2f553a has RGB values of R:47, G:85, B:58 and CMYK values of C:0.45, M:0, Y:0.32, K:0.67. Its decimal value is 3102010.

Hex triplet	2f553a	`#2f553a`
RGB Decimal	47, 85, 58	`rgb(47,85,58)`
RGB Percent	18.4, 33.3, 22.7	`rgb(18.4%,33.3%,22.7%)`
CMYK	45, 0, 32, 67
HSL	137.4°, 28.8, 25.9	`hsl(137.4,28.8%,25.9%)`
HSV (or HSB)	137.4°, 44.7, 33.3
Web Safe	336633	`#336633`

CIE-LAB	32.715, -20.358, 11.619
XYZ	5.184, 7.407, 5.159
xyY	0.292, 0.417, 7.407
CIE-LCH	32.715, 23.441, 150.284
CIE-LUV	32.715, -17.206, 15.981
Hunter-Lab	27.215, -13.623, 7.811
Binary	00101111, 01010101, 00111010

#2f553a
```
#2f553a rgb(47,85,58)
```
#552f4a
```
#552f4a rgb(85,47,74)
```

Complementary Color

#37552f
```
#37552f rgb(55,85,47)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#2f554d
```
#2f554d rgb(47,85,77)
```

Analogous Color

#552f37
```
#552f37 rgb(85,47,55)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#4d2f55
```
#4d2f55 rgb(77,47,85)
```

Split Complementary Color

#553a2f
```
#553a2f rgb(85,58,47)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#3a2f55
```
#3a2f55 rgb(58,47,85)
```

Triadic Color

#4a552f
```
#4a552f rgb(74,85,47)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#3a2f55
```
#3a2f55 rgb(58,47,85)
```
#552f4a
```
#552f4a rgb(85,47,74)
```

Tetradic Color

#142418
```
#142418 rgb(20,36,24)
```
#1d3424
```
#1d3424 rgb(29,52,36)
```
#26452f
```
#26452f rgb(38,69,47)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#386545
```
#386545 rgb(56,101,69)
```
#417650
```
#417650 rgb(65,118,80)
```
#4a865c
```
#4a865c rgb(74,134,92)
```

Monochromatic Color

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

#2f5531
```
#2f5531 rgb(47,85,49)
```
#2f5534
```
#2f5534 rgb(47,85,52)
```
#2f5537
```
#2f5537 rgb(47,85,55)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#2f553d
```
#2f553d rgb(47,85,61)
```
#2f5540
```
#2f5540 rgb(47,85,64)
```
#2f5544
```
#2f5544 rgb(47,85,68)
```

Similar Colors

Text with hexadecimal color #2f553a

This text has a font color of #2f553a.

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

#2f553a background color

This paragraph has a background color of #2f553a.

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

#2f553a border color

This element has a border color of #2f553a.

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

CSS codes

.text {color:#2f553a;}

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

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

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

#050906
```
#050906 rgb(5,9,6)
```
#0c160f
```
#0c160f rgb(12,22,15)
```
#132218
```
#132218 rgb(19,34,24)
```
#1a2f20
```
#1a2f20 rgb(26,47,32)
```
#213c29
```
#213c29 rgb(33,60,41)
```
#284831
```
#284831 rgb(40,72,49)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#366243
```
#366243 rgb(54,98,67)
```
#3d6e4b
```
#3d6e4b rgb(61,110,75)
```
#447b54
```
#447b54 rgb(68,123,84)
```
#4b885c
```
#4b885c rgb(75,136,92)
```
#529465
```
#529465 rgb(82,148,101)
```
#59a16e
```
#59a16e rgb(89,161,110)
```

Shade Color Variation

#64a978
```
#64a978 rgb(100,169,120)
```
#71b083
```
#71b083 rgb(113,176,131)
```
#7db78e
```
#7db78e rgb(125,183,142)
```
#8abe99
```
#8abe99 rgb(138,190,153)
```
#97c5a4
```
#97c5a4 rgb(151,197,164)
```
#a3ccaf
```
#a3ccaf rgb(163,204,175)
```
#b0d3ba
```
#b0d3ba rgb(176,211,186)
```
#bcdac5
```
#bcdac5 rgb(188,218,197)
```
#c9e1d0
```
#c9e1d0 rgb(201,225,208)
```
#d6e8db
```
#d6e8db rgb(214,232,219)
```
#e2efe6
```
#e2efe6 rgb(226,239,230)
```
#eff6f1
```
#eff6f1 rgb(239,246,241)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#3e4640
```
#3e4640 rgb(62,70,64)
```
#394b3e
```
#394b3e rgb(57,75,62)
```
#34503c
```
#34503c rgb(52,80,60)
```
#2f553a
```
#2f553a rgb(47,85,58)
```
#2a5a38
```
#2a5a38 rgb(42,90,56)
```
#255f36
```
#255f36 rgb(37,95,54)
```
#206434
```
#206434 rgb(32,100,52)
```
#1b6931
```
#1b6931 rgb(27,105,49)
```
#166e2f
```
#166e2f rgb(22,110,47)
```
#11732d
```
#11732d rgb(17,115,45)
```
#0b792b
```
#0b792b rgb(11,121,43)
```
#067e29
```
#067e29 rgb(6,126,41)
```
#018327
```
#018327 rgb(1,131,39)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5640 Protanopia 1% of men
#635347 Deuteranopia 1% of men
#415a60 Tritanopia 0.001% of the population

Trichromacy

#4b553e Protanomaly 1% of men, 0.01% of women
#505342 Deuteranomaly 6% of men, 0.4% of women
#3a5852 Tritanomaly 0.01% of the population

#2f553a hex color

#2f553a Color Information

#2f553a Color Conversion

Color Schemes with #2f553a

Alternatives to #2f553a

#2f553a Preview

Shades and Tints of #2f553a

Tones of #2f553a

Color Blindness Simulator