#556d2f hex color

In a RGB color space, hex #556d2f is composed of 33.3% red, 42.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 0% magenta, 56.9% yellow and 57.3% black. It has a hue angle of 83.2 degrees, a saturation of 39.7% and a lightness of 30.6%. #556d2f color hex could be obtained by blending #aada5e with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #556d2f has RGB values of R:85, G:109, B:47 and CMYK values of C:0.22, M:0, Y:0.57, K:0.57. Its decimal value is 5598511.

Hex triplet	556d2f	`#556d2f`
RGB Decimal	85, 109, 47	`rgb(85,109,47)`
RGB Percent	33.3, 42.7, 18.4	`rgb(33.3%,42.7%,18.4%)`
CMYK	22, 0, 57, 57
HSL	83.2°, 39.7, 30.6	`hsl(83.2,39.7%,30.6%)`
HSV (or HSB)	83.2°, 56.9, 42.7
Web Safe	666633	`#666633`

CIE-LAB	42.874, -19.886, 31.348
XYZ	9.728, 13.074, 4.7
xyY	0.354, 0.475, 13.074
CIE-LCH	42.874, 37.124, 122.389
CIE-LUV	42.874, -11.658, 37.152
Hunter-Lab	36.157, -15.252, 17.603
Binary	01010101, 01101101, 00101111

#556d2f
```
#556d2f rgb(85,109,47)
```
#472f6d
```
#472f6d rgb(71,47,109)
```

Complementary Color

#6d662f
```
#6d662f rgb(109,102,47)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#366d2f
```
#366d2f rgb(54,109,47)
```

Analogous Color

#662f6d
```
#662f6d rgb(102,47,109)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#2f366d
```
#2f366d rgb(47,54,109)
```

Split Complementary Color

#6d2f55
```
#6d2f55 rgb(109,47,85)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#2f556d
```
#2f556d rgb(47,85,109)
```

Triadic Color

#6d472f
```
#6d472f rgb(109,71,47)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#2f556d
```
#2f556d rgb(47,85,109)
```
#472f6d
```
#472f6d rgb(71,47,109)
```

Tetradic Color

#2b3818
```
#2b3818 rgb(43,56,24)
```
#394920
```
#394920 rgb(57,73,32)
```
#475b27
```
#475b27 rgb(71,91,39)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#637f37
```
#637f37 rgb(99,127,55)
```
#71913e
```
#71913e rgb(113,145,62)
```
#7fa246
```
#7fa246 rgb(127,162,70)
```

Monochromatic Color

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

#656d2f
```
#656d2f rgb(101,109,47)
```
#5f6d2f
```
#5f6d2f rgb(95,109,47)
```
#5a6d2f
```
#5a6d2f rgb(90,109,47)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#506d2f
```
#506d2f rgb(80,109,47)
```
#4b6d2f
```
#4b6d2f rgb(75,109,47)
```
#466d2f
```
#466d2f rgb(70,109,47)
```

Similar Colors

Text with hexadecimal color #556d2f

This text has a font color of #556d2f.

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

#556d2f background color

This paragraph has a background color of #556d2f.

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

#556d2f border color

This element has a border color of #556d2f.

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

CSS codes

.text {color:#556d2f;}

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

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

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, #0a0d06 is the darkest color, while #fffffe is the lightest one.

#0a0d06
```
#0a0d06 rgb(10,13,6)
```
#151b0c
```
#151b0c rgb(21,27,12)
```
#202811
```
#202811 rgb(32,40,17)
```
#2a3617
```
#2a3617 rgb(42,54,23)
```
#35441d
```
#35441d rgb(53,68,29)
```
#405223
```
#405223 rgb(64,82,35)
```
#4a5f29
```
#4a5f29 rgb(74,95,41)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#607b35
```
#607b35 rgb(96,123,53)
```
#6a883b
```
#6a883b rgb(106,136,59)
```
#759641
```
#759641 rgb(117,150,65)
```
#80a447
```
#80a447 rgb(128,164,71)
```
#8ab24d
```
#8ab24d rgb(138,178,77)
```

Shade Color Variation

#93b85a
```
#93b85a rgb(147,184,90)
```
#9cbe68
```
#9cbe68 rgb(156,190,104)
```
#a5c475
```
#a5c475 rgb(165,196,117)
```
#aeca83
```
#aeca83 rgb(174,202,131)
```
#b7cf91
```
#b7cf91 rgb(183,207,145)
```
#c0d59e
```
#c0d59e rgb(192,213,158)
```
#c9dbac
```
#c9dbac rgb(201,219,172)
```
#d2e1ba
```
#d2e1ba rgb(210,225,186)
```
#dbe7c8
```
#dbe7c8 rgb(219,231,200)
```
#e4edd5
```
#e4edd5 rgb(228,237,213)
```
#edf3e3
```
#edf3e3 rgb(237,243,227)
```
#f6f9f1
```
#f6f9f1 rgb(246,249,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#4e4f4d
```
#4e4f4d rgb(78,79,77)
```
#505547
```
#505547 rgb(80,85,71)
```
#515b41
```
#515b41 rgb(81,91,65)
```
#52613b
```
#52613b rgb(82,97,59)
```
#546735
```
#546735 rgb(84,103,53)
```
#556d2f
```
#556d2f rgb(85,109,47)
```
#567329
```
#567329 rgb(86,115,41)
```
#587923
```
#587923 rgb(88,121,35)
```
#597f1d
```
#597f1d rgb(89,127,29)
```
#5a8517
```
#5a8517 rgb(90,133,23)
```
#5c8b11
```
#5c8b11 rgb(92,139,17)
```
#5d910b
```
#5d910b rgb(93,145,11)
```
#5e9705
```
#5e9705 rgb(94,151,5)
```

Tone Color Variation

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

#786d37 Protanopia 1% of men
#84683e Deuteranopia 1% of men
#666e75 Tritanopia 0.001% of the population

Trichromacy

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

#556d2f hex color

#556d2f Color Information

#556d2f Color Conversion

Color Schemes with #556d2f

Alternatives to #556d2f

#556d2f Preview

Shades and Tints of #556d2f

Tones of #556d2f

Color Blindness Simulator