#556648 hex color

In a RGB color space, hex #556648 is composed of 33.3% red, 40% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 29.4% yellow and 60% black. It has a hue angle of 94 degrees, a saturation of 17.2% and a lightness of 34.1%. #556648 color hex could be obtained by blending #aacc90 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 40
- B 28
RGB color chart
- C 17
- M 0
- Y 29
- K 60
CMYK color chart

● #556648 color description : Very dark grayish green.

The hexadecimal color #556648 has RGB values of R:85, G:102, B:72 and CMYK values of C:0.17, M:0, Y:0.29, K:0.6. Its decimal value is 5596744.

Hex triplet	556648	`#556648`
RGB Decimal	85, 102, 72	`rgb(85,102,72)`
RGB Percent	33.3, 40, 28.2	`rgb(33.3%,40%,28.2%)`
CMYK	17, 0, 29, 60
HSL	94°, 17.2, 34.1	`hsl(94,17.2%,34.1%)`
HSV (or HSB)	94°, 29.4, 40
Web Safe	666633	`#666633`

CIE-LAB	41.06, -12.553, 14.897
XYZ	9.667, 11.902, 7.919
xyY	0.328, 0.404, 11.902
CIE-LCH	41.06, 19.481, 130.119
CIE-LUV	41.06, -8.219, 19.776
Hunter-Lab	34.499, -10.355, 10.54
Binary	01010101, 01100110, 01001000

#556648
```
#556648 rgb(85,102,72)
```
#594866
```
#594866 rgb(89,72,102)
```

Complementary Color

#646648
```
#646648 rgb(100,102,72)
```
#556648
```
#556648 rgb(85,102,72)
```
#48664a
```
#48664a rgb(72,102,74)
```

Analogous Color

#664864
```
#664864 rgb(102,72,100)
```
#556648
```
#556648 rgb(85,102,72)
```
#4a4866
```
#4a4866 rgb(74,72,102)
```

Split Complementary Color

#664855
```
#664855 rgb(102,72,85)
```
#556648
```
#556648 rgb(85,102,72)
```
#485566
```
#485566 rgb(72,85,102)
```

Triadic Color

#665948
```
#665948 rgb(102,89,72)
```
#556648
```
#556648 rgb(85,102,72)
```
#485566
```
#485566 rgb(72,85,102)
```
#594866
```
#594866 rgb(89,72,102)
```

Tetradic Color

#303928
```
#303928 rgb(48,57,40)
```
#3c4833
```
#3c4833 rgb(60,72,51)
```
#49573d
```
#49573d rgb(73,87,61)
```
#556648
```
#556648 rgb(85,102,72)
```
#617553
```
#617553 rgb(97,117,83)
```
#6e845d
```
#6e845d rgb(110,132,93)
```
#7a9368
```
#7a9368 rgb(122,147,104)
```

Monochromatic Color

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

#5d6648
```
#5d6648 rgb(93,102,72)
```
#5a6648
```
#5a6648 rgb(90,102,72)
```
#586648
```
#586648 rgb(88,102,72)
```
#556648
```
#556648 rgb(85,102,72)
```
#536648
```
#536648 rgb(83,102,72)
```
#506648
```
#506648 rgb(80,102,72)
```
#4e6648
```
#4e6648 rgb(78,102,72)
```

Similar Colors

Text with hexadecimal color #556648

This text has a font color of #556648.

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

#556648 background color

This paragraph has a background color of #556648.

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

#556648 border color

This element has a border color of #556648.

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

CSS codes

.text {color:#556648;}

.background {background-color:#556648;}

.border {border:1px solid #556648;}

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, #080a07 is the darkest color, while #fefefe is the lightest one.

#080a07
```
#080a07 rgb(8,10,7)
```
#12160f
```
#12160f rgb(18,22,15)
```
#1c2117
```
#1c2117 rgb(28,33,23)
```
#252d1f
```
#252d1f rgb(37,45,31)
```
#2f3828
```
#2f3828 rgb(47,56,40)
```
#384430
```
#384430 rgb(56,68,48)
```
#424f38
```
#424f38 rgb(66,79,56)
```
#4b5b40
```
#4b5b40 rgb(75,91,64)
```
#556648
```
#556648 rgb(85,102,72)
```
#5f7150
```
#5f7150 rgb(95,113,80)
```
#687d58
```
#687d58 rgb(104,125,88)
```
#728860
```
#728860 rgb(114,136,96)
```
#7b9468
```
#7b9468 rgb(123,148,104)
```

Shade Color Variation

#859d74
```
#859d74 rgb(133,157,116)
```
#8fa57f
```
#8fa57f rgb(143,165,127)
```
#99ad8b
```
#99ad8b rgb(153,173,139)
```
#a3b596
```
#a3b596 rgb(163,181,150)
```
#adbda2
```
#adbda2 rgb(173,189,162)
```
#b7c5ad
```
#b7c5ad rgb(183,197,173)
```
#c2cdb9
```
#c2cdb9 rgb(194,205,185)
```
#ccd5c4
```
#ccd5c4 rgb(204,213,196)
```
#d6ddd0
```
#d6ddd0 rgb(214,221,208)
```
#e0e6db
```
#e0e6db rgb(224,230,219)
```
#eaeee7
```
#eaeee7 rgb(234,238,231)
```
#f4f6f2
```
#f4f6f2 rgb(244,246,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#575955
```
#575955 rgb(87,89,85)
```
#565f4f
```
#565f4f rgb(86,95,79)
```
#556648
```
#556648 rgb(85,102,72)
```
#546d41
```
#546d41 rgb(84,109,65)
```
#53733b
```
#53733b rgb(83,115,59)
```
#527a34
```
#527a34 rgb(82,122,52)
```
#51812d
```
#51812d rgb(81,129,45)
```
#518727
```
#518727 rgb(81,135,39)
```
#508e20
```
#508e20 rgb(80,142,32)
```
#4f9519
```
#4f9519 rgb(79,149,25)
```
#4e9c12
```
#4e9c12 rgb(78,156,18)
```
#4da20c
```
#4da20c rgb(77,162,12)
```
#4ca905
```
#4ca905 rgb(76,169,5)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70684f Protanopia 1% of men
#796554 Deuteranopia 1% of men
#636971 Tritanopia 0.001% of the population

Trichromacy

#66674c Protanomaly 1% of men, 0.01% of women
#6c654f Deuteranomaly 6% of men, 0.4% of women
#5e6862 Tritanomaly 0.01% of the population

#556648 hex color

#556648 Color Information

#556648 Color Conversion

Color Schemes with #556648

Alternatives to #556648

#556648 Preview

Shades and Tints of #556648

Tones of #556648

Color Blindness Simulator