colorhexa.com

#556842 hex color

In a RGB color space, hex #556842 is composed of 33.3% red, 40.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 36.5% yellow and 59.2% black. It has a hue angle of 90 degrees, a saturation of 22.4% and a lightness of 33.3%. #556842 color hex could be obtained by blending #aad084 with #000000. Closest websafe color is: #666633.

- R 33
- G 41
- B 26
RGB color chart
- C 18
- M 0
- Y 37
- K 59
CMYK color chart

● #556842 color description : Very dark desaturated green.

The hexadecimal color #556842 has RGB values of R:85, G:104, B:66 and CMYK values of C:0.18, M:0, Y:0.37, K:0.59. Its decimal value is 5597250.

Hex triplet	556842	`#556842`
RGB Decimal	85, 104, 66	`rgb(85,104,66)`
RGB Percent	33.3, 40.8, 25.9	`rgb(33.3%,40.8%,25.9%)`
CMYK	18, 0, 37, 59
HSL	90°, 22.4, 33.3	`hsl(90,22.4%,33.3%)`
HSV (or HSB)	90°, 36.5, 40.8
Web Safe	666633	`#666633`

CIE-LAB	41.572, -14.659, 19.127
XYZ	9.68, 12.225, 7.004
xyY	0.335, 0.423, 12.225
CIE-LCH	41.572, 24.098, 127.465
CIE-LUV	41.572, -9.17, 24.666
Hunter-Lab	34.964, -11.771, 12.599
Binary	01010101, 01101000, 01000010

#556842
```
#556842 rgb(85,104,66)
```
#554268
```
#554268 rgb(85,66,104)
```

Complementary Color

#686842
```
#686842 rgb(104,104,66)
```
#556842
```
#556842 rgb(85,104,66)
```
#426842
```
#426842 rgb(66,104,66)
```

Analogous Color

#684268
```
#684268 rgb(104,66,104)
```
#556842
```
#556842 rgb(85,104,66)
```
#424268
```
#424268 rgb(66,66,104)
```

Split Complementary Color

#684255
```
#684255 rgb(104,66,85)
```
#556842
```
#556842 rgb(85,104,66)
```
#425568
```
#425568 rgb(66,85,104)
```

Triadic Color

#2f3924
```
#2f3924 rgb(47,57,36)
```
#3c492e
```
#3c492e rgb(60,73,46)
```
#485838
```
#485838 rgb(72,88,56)
```
#556842
```
#556842 rgb(85,104,66)
```
#62784c
```
#62784c rgb(98,120,76)
```
#6f8756
```
#6f8756 rgb(111,135,86)
```
#7b9760
```
#7b9760 rgb(123,151,96)
```

Monochromatic Color

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

#5f6842
```
#5f6842 rgb(95,104,66)
```
#5b6842
```
#5b6842 rgb(91,104,66)
```
#586842
```
#586842 rgb(88,104,66)
```
#556842
```
#556842 rgb(85,104,66)
```
#526842
```
#526842 rgb(82,104,66)
```
#4f6842
```
#4f6842 rgb(79,104,66)
```
#4c6842
```
#4c6842 rgb(76,104,66)
```

Similar Colors

Text with hexadecimal color #556842

This text has a font color of #556842.

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

#556842 background color

This paragraph has a background color of #556842.

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

#556842 border color

This element has a border color of #556842.

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

CSS codes

.text {color:#556842;}

.background {background-color:#556842;}

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

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

#070805
```
#070805 rgb(7,8,5)
```
#10140d
```
#10140d rgb(16,20,13)
```
#1a2014
```
#1a2014 rgb(26,32,20)
```
#242c1c
```
#242c1c rgb(36,44,28)
```
#2e3824
```
#2e3824 rgb(46,56,36)
```
#38442b
```
#38442b rgb(56,68,43)
```
#415033
```
#415033 rgb(65,80,51)
```
#4b5c3a
```
#4b5c3a rgb(75,92,58)
```
#556842
```
#556842 rgb(85,104,66)
```
#5f744a
```
#5f744a rgb(95,116,74)
```
#698051
```
#698051 rgb(105,128,81)
```
#728c59
```
#728c59 rgb(114,140,89)
```
#7c9860
```
#7c9860 rgb(124,152,96)
```

Shade Color Variation

#86a16b
```
#86a16b rgb(134,161,107)
```
#90a977
```
#90a977 rgb(144,169,119)
```
#9ab083
```
#9ab083 rgb(154,176,131)
```
#a3b88f
```
#a3b88f rgb(163,184,143)
```
#adc09b
```
#adc09b rgb(173,192,155)
```
#b7c7a7
```
#b7c7a7 rgb(183,199,167)
```
#c1cfb3
```
#c1cfb3 rgb(193,207,179)
```
#cbd6bf
```
#cbd6bf rgb(203,214,191)
```
#d5decb
```
#d5decb rgb(213,222,203)
```
#dee6d7
```
#dee6d7 rgb(222,230,215)
```
#e8ede3
```
#e8ede3 rgb(232,237,227)
```
#f2f5ef
```
#f2f5ef rgb(242,245,239)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555b4f is the less saturated color, while #55a901 is the most saturated one.

#555b4f
```
#555b4f rgb(85,91,79)
```
#556149
```
#556149 rgb(85,97,73)
```
#556842
```
#556842 rgb(85,104,66)
```
#556f3b
```
#556f3b rgb(85,111,59)
```
#557535
```
#557535 rgb(85,117,53)
```
#557c2e
```
#557c2e rgb(85,124,46)
```
#558228
```
#558228 rgb(85,130,40)
```
#558921
```
#558921 rgb(85,137,33)
```
#558f1b
```
#558f1b rgb(85,143,27)
```
#559614
```
#559614 rgb(85,150,20)
```
#559c0e
```
#559c0e rgb(85,156,14)
```
#55a307
```
#55a307 rgb(85,163,7)
```
#55a901
```
#55a901 rgb(85,169,1)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c6058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726a49 Protanopia 1% of men
#7d664e Deuteranopia 1% of men
#646a72 Tritanopia 0.001% of the population

Trichromacy

#676946 Protanomaly 1% of men, 0.01% of women
#6e664a Deuteranomaly 6% of men, 0.4% of women
#5e6960 Tritanomaly 0.01% of the population