#2f553b hex color

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

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

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

The hexadecimal color #2f553b has RGB values of R:47, G:85, B:59 and CMYK values of C:0.45, M:0, Y:0.31, K:0.67. Its decimal value is 3102011.

Hex triplet	2f553b	`#2f553b`
RGB Decimal	47, 85, 59	`rgb(47,85,59)`
RGB Percent	18.4, 33.3, 23.1	`rgb(18.4%,33.3%,23.1%)`
CMYK	45, 0, 31, 67
HSL	138.9°, 28.8, 25.9	`hsl(138.9,28.8%,25.9%)`
HSV (or HSB)	138.9°, 44.7, 33.3
Web Safe	336633	`#336633`

CIE-LAB	32.738, -20.142, 11.031
XYZ	5.21, 7.417, 5.294
xyY	0.291, 0.414, 7.417
CIE-LCH	32.738, 22.965, 151.293
CIE-LUV	32.738, -17.183, 15.336
Hunter-Lab	27.234, -13.512, 7.537
Binary	00101111, 01010101, 00111011

#2f553b
```
#2f553b rgb(47,85,59)
```
#552f49
```
#552f49 rgb(85,47,73)
```

Complementary Color

#36552f
```
#36552f rgb(54,85,47)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#2f554e
```
#2f554e rgb(47,85,78)
```

Analogous Color

#552f36
```
#552f36 rgb(85,47,54)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#4e2f55
```
#4e2f55 rgb(78,47,85)
```

Split Complementary Color

#553b2f
```
#553b2f rgb(85,59,47)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#3b2f55
```
#3b2f55 rgb(59,47,85)
```

Triadic Color

#49552f
```
#49552f rgb(73,85,47)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#3b2f55
```
#3b2f55 rgb(59,47,85)
```
#552f49
```
#552f49 rgb(85,47,73)
```

Tetradic Color

#142419
```
#142419 rgb(20,36,25)
```
#1d3424
```
#1d3424 rgb(29,52,36)
```
#264530
```
#264530 rgb(38,69,48)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#386546
```
#386546 rgb(56,101,70)
```
#417652
```
#417652 rgb(65,118,82)
```
#4a865d
```
#4a865d rgb(74,134,93)
```

Monochromatic Color

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

#2f5532
```
#2f5532 rgb(47,85,50)
```
#2f5535
```
#2f5535 rgb(47,85,53)
```
#2f5538
```
#2f5538 rgb(47,85,56)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#2f553e
```
#2f553e rgb(47,85,62)
```
#2f5541
```
#2f5541 rgb(47,85,65)
```
#2f5545
```
#2f5545 rgb(47,85,69)
```

Similar Colors

Text with hexadecimal color #2f553b

This text has a font color of #2f553b.

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

#2f553b background color

This paragraph has a background color of #2f553b.

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

#2f553b border color

This element has a border color of #2f553b.

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

CSS codes

.text {color:#2f553b;}

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

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

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)
```
#1a2f21
```
#1a2f21 rgb(26,47,33)
```
#213c29
```
#213c29 rgb(33,60,41)
```
#284832
```
#284832 rgb(40,72,50)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#366244
```
#366244 rgb(54,98,68)
```
#3d6e4d
```
#3d6e4d rgb(61,110,77)
```
#447b55
```
#447b55 rgb(68,123,85)
```
#4b885e
```
#4b885e rgb(75,136,94)
```
#529467
```
#529467 rgb(82,148,103)
```
#59a170
```
#59a170 rgb(89,161,112)
```

Shade Color Variation

#64a97a
```
#64a97a rgb(100,169,122)
```
#71b085
```
#71b085 rgb(113,176,133)
```
#7db790
```
#7db790 rgb(125,183,144)
```
#8abe9a
```
#8abe9a rgb(138,190,154)
```
#97c5a5
```
#97c5a5 rgb(151,197,165)
```
#a3ccb0
```
#a3ccb0 rgb(163,204,176)
```
#b0d3bb
```
#b0d3bb rgb(176,211,187)
```
#bcdac6
```
#bcdac6 rgb(188,218,198)
```
#c9e1d1
```
#c9e1d1 rgb(201,225,209)
```
#d6e8dc
```
#d6e8dc rgb(214,232,220)
```
#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, #3e4641 is the less saturated color, while #01832a is the most saturated one.

#3e4641
```
#3e4641 rgb(62,70,65)
```
#394b3f
```
#394b3f rgb(57,75,63)
```
#34503d
```
#34503d rgb(52,80,61)
```
#2f553b
```
#2f553b rgb(47,85,59)
```
#2a5a39
```
#2a5a39 rgb(42,90,57)
```
#255f37
```
#255f37 rgb(37,95,55)
```
#206435
```
#206435 rgb(32,100,53)
```
#1b6934
```
#1b6934 rgb(27,105,52)
```
#166e32
```
#166e32 rgb(22,110,50)
```
#117330
```
#117330 rgb(17,115,48)
```
#0b792e
```
#0b792e rgb(11,121,46)
```
#067e2c
```
#067e2c rgb(6,126,44)
```
#01832a
```
#01832a rgb(1,131,42)
```

Tone Color Variation

Below, you can see how #2f553b 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
#424a45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5641 Protanopia 1% of men
#635348 Deuteranopia 1% of men
#415a60 Tritanopia 0.001% of the population

Trichromacy

#4b553f Protanomaly 1% of men, 0.01% of women
#505343 Deuteranomaly 6% of men, 0.4% of women
#3a5853 Tritanomaly 0.01% of the population

#2f553b hex color

#2f553b Color Information

#2f553b Color Conversion

Color Schemes with #2f553b

Alternatives to #2f553b

#2f553b Preview

Shades and Tints of #2f553b

Tones of #2f553b

Color Blindness Simulator