#556e2f hex color

In a RGB color space, hex #556e2f is composed of 33.3% red, 43.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 0% magenta, 57.3% yellow and 56.9% black. It has a hue angle of 83.8 degrees, a saturation of 40.1% and a lightness of 30.8%. #556e2f color hex could be obtained by blending #aadc5e with #000000. Closest websafe color is: #666633.

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

● #556e2f color description : Very dark desaturated green.

The hexadecimal color #556e2f has RGB values of R:85, G:110, B:47 and CMYK values of C:0.23, M:0, Y:0.57, K:0.57. Its decimal value is 5598767.

Hex triplet	556e2f	`#556e2f`
RGB Decimal	85, 110, 47	`rgb(85,110,47)`
RGB Percent	33.3, 43.1, 18.4	`rgb(33.3%,43.1%,18.4%)`
CMYK	23, 0, 57, 57
HSL	83.8°, 40.1, 30.8	`hsl(83.8,40.1%,30.8%)`
HSV (or HSB)	83.8°, 57.3, 43.1
Web Safe	666633	`#666633`

CIE-LAB	43.194, -20.41, 31.723
XYZ	9.835, 13.288, 4.736
xyY	0.353, 0.477, 13.288
CIE-LCH	43.194, 37.722, 122.756
CIE-LUV	43.194, -12.193, 37.667
Hunter-Lab	36.453, -15.633, 17.814
Binary	01010101, 01101110, 00101111

#556e2f
```
#556e2f rgb(85,110,47)
```
#482f6e
```
#482f6e rgb(72,47,110)
```

Complementary Color

#6e682f
```
#6e682f rgb(110,104,47)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#366e2f
```
#366e2f rgb(54,110,47)
```

Analogous Color

#682f6e
```
#682f6e rgb(104,47,110)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#2f356e
```
#2f356e rgb(47,53,110)
```

Split Complementary Color

#6e2f55
```
#6e2f55 rgb(110,47,85)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#2f556e
```
#2f556e rgb(47,85,110)
```

Triadic Color

#6e482f
```
#6e482f rgb(110,72,47)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#2f556e
```
#2f556e rgb(47,85,110)
```
#482f6e
```
#482f6e rgb(72,47,110)
```

Tetradic Color

#2c3818
```
#2c3818 rgb(44,56,24)
```
#394a20
```
#394a20 rgb(57,74,32)
```
#475c27
```
#475c27 rgb(71,92,39)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#638037
```
#638037 rgb(99,128,55)
```
#71923e
```
#71923e rgb(113,146,62)
```
#7ea446
```
#7ea446 rgb(126,164,70)
```

Monochromatic Color

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

#656e2f
```
#656e2f rgb(101,110,47)
```
#606e2f
```
#606e2f rgb(96,110,47)
```
#5a6e2f
```
#5a6e2f rgb(90,110,47)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#506e2f
```
#506e2f rgb(80,110,47)
```
#4b6e2f
```
#4b6e2f rgb(75,110,47)
```
#456e2f
```
#456e2f rgb(69,110,47)
```

Similar Colors

Text with hexadecimal color #556e2f

This text has a font color of #556e2f.

<span style="color:#556e2f;">Text here</span>

#556e2f background color

This paragraph has a background color of #556e2f.

<p style="background-color:#556e2f;">Content here</p>

#556e2f border color

This element has a border color of #556e2f.

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

CSS codes

.text {color:#556e2f;}

.background {background-color:#556e2f;}

.border {border:1px solid #556e2f;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0e06
```
#0b0e06 rgb(11,14,6)
```
#151c0c
```
#151c0c rgb(21,28,12)
```
#202912
```
#202912 rgb(32,41,18)
```
#2b3718
```
#2b3718 rgb(43,55,24)
```
#35451d
```
#35451d rgb(53,69,29)
```
#405323
```
#405323 rgb(64,83,35)
```
#4a6029
```
#4a6029 rgb(74,96,41)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#607c35
```
#607c35 rgb(96,124,53)
```
#6a893b
```
#6a893b rgb(106,137,59)
```
#759741
```
#759741 rgb(117,151,65)
```
#7fa546
```
#7fa546 rgb(127,165,70)
```

Shade Color Variation

#8ab34c
```
#8ab34c rgb(138,179,76)
```
#93b95a
```
#93b95a rgb(147,185,90)
```
#9cbe68
```
#9cbe68 rgb(156,190,104)
```
#a5c476
```
#a5c476 rgb(165,196,118)
```
#aeca83
```
#aeca83 rgb(174,202,131)
```
#b7d091
```
#b7d091 rgb(183,208,145)
```
#c0d69f
```
#c0d69f rgb(192,214,159)
```
#c9dcad
```
#c9dcad rgb(201,220,173)
```
#d2e2ba
```
#d2e2ba rgb(210,226,186)
```
#dbe8c8
```
#dbe8c8 rgb(219,232,200)
```
#e4edd6
```
#e4edd6 rgb(228,237,214)
```
#edf3e4
```
#edf3e4 rgb(237,243,228)
```
#f6f9f1
```
#f6f9f1 rgb(246,249,241)
```

Tint Color Variation

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

#4f504d
```
#4f504d rgb(79,80,77)
```
#505647
```
#505647 rgb(80,86,71)
```
#515c41
```
#515c41 rgb(81,92,65)
```
#53623b
```
#53623b rgb(83,98,59)
```
#546835
```
#546835 rgb(84,104,53)
```
#556e2f
```
#556e2f rgb(85,110,47)
```
#567429
```
#567429 rgb(86,116,41)
```
#577a23
```
#577a23 rgb(87,122,35)
```
#59801d
```
#59801d rgb(89,128,29)
```
#5a8617
```
#5a8617 rgb(90,134,23)
```
#5b8c11
```
#5b8c11 rgb(91,140,17)
```
#5c920b
```
#5c920b rgb(92,146,11)
```
#5e9805
```
#5e9805 rgb(94,152,5)
```

Tone Color Variation

Below, you can see how #556e2f 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

#5f5f5f Achromatopsia 0.005% of the population
#5d6255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e37 Protanopia 1% of men
#85693e Deuteranopia 1% of men
#676e76 Tritanopia 0.001% of the population

Trichromacy

#6c6e34 Protanomaly 1% of men, 0.01% of women
#736a38 Deuteranomaly 6% of men, 0.4% of women
#606e5c Tritanomaly 0.01% of the population

#556e2f hex color

#556e2f Color Information

#556e2f Color Conversion

Color Schemes with #556e2f

Alternatives to #556e2f

#556e2f Preview

Shades and Tints of #556e2f

Tones of #556e2f

Color Blindness Simulator