colorhexa.com

#558716 hex color

In a RGB color space, hex #558716 is composed of 33.3% red, 52.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 0% magenta, 83.7% yellow and 47.1% black. It has a hue angle of 86.5 degrees, a saturation of 72% and a lightness of 30.8%. #558716 color hex could be obtained by blending #aaff2c with #000f00. Closest websafe color is: #669900.

- R 33
- G 53
- B 9
RGB color chart
- C 37
- M 0
- Y 84
- K 47
CMYK color chart

● #558716 color description : Dark green.

The hexadecimal color #558716 has RGB values of R:85, G:135, B:22 and CMYK values of C:0.37, M:0, Y:0.84, K:0.47. Its decimal value is 5605142.

Hex triplet	558716	`#558716`
RGB Decimal	85, 135, 22	`rgb(85,135,22)`
RGB Percent	33.3, 52.9, 8.6	`rgb(33.3%,52.9%,8.6%)`
CMYK	37, 0, 84, 47
HSL	86.5°, 72, 30.8	`hsl(86.5,72%,30.8%)`
HSV (or HSB)	86.5°, 83.7, 52.9
Web Safe	669900	`#669900`

CIE-LAB	51.056, -34.393, 50.106
XYZ	12.555, 19.317, 3.826
xyY	0.352, 0.541, 19.317
CIE-LCH	51.056, 60.774, 124.466
CIE-LUV	51.056, -25.086, 56.887
Hunter-Lab	43.951, -25.924, 25.604
Binary	01010101, 10000111, 00010110

#558716
```
#558716 rgb(85,135,22)
```
#481687
```
#481687 rgb(72,22,135)
```

Complementary Color

#878116
```
#878116 rgb(135,129,22)
```
#558716
```
#558716 rgb(85,135,22)
```
#1d8716
```
#1d8716 rgb(29,135,22)
```

Analogous Color

#811687
```
#811687 rgb(129,22,135)
```
#558716
```
#558716 rgb(85,135,22)
```
#161d87
```
#161d87 rgb(22,29,135)
```

Split Complementary Color

#871655
```
#871655 rgb(135,22,85)
```
#558716
```
#558716 rgb(85,135,22)
```
#165587
```
#165587 rgb(22,85,135)
```

Triadic Color

#2c450b
```
#2c450b rgb(44,69,11)
```
#395b0f
```
#395b0f rgb(57,91,15)
```
#477112
```
#477112 rgb(71,113,18)
```
#558716
```
#558716 rgb(85,135,22)
```
#639d1a
```
#639d1a rgb(99,157,26)
```
#71b31d
```
#71b31d rgb(113,179,29)
```
#7ec921
```
#7ec921 rgb(126,201,33)
```

Monochromatic Color

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

#718716
```
#718716 rgb(113,135,22)
```
#688716
```
#688716 rgb(104,135,22)
```
#5e8716
```
#5e8716 rgb(94,135,22)
```
#558716
```
#558716 rgb(85,135,22)
```
#4c8716
```
#4c8716 rgb(76,135,22)
```
#428716
```
#428716 rgb(66,135,22)
```
#398716
```
#398716 rgb(57,135,22)
```

Similar Colors

Text with hexadecimal color #558716

This text has a font color of #558716.

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

#558716 background color

This paragraph has a background color of #558716.

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

#558716 border color

This element has a border color of #558716.

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

CSS codes

.text {color:#558716;}

.background {background-color:#558716;}

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

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 #f6fcee is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0b1103
```
#0b1103 rgb(11,17,3)
```
#152206
```
#152206 rgb(21,34,6)
```
#203308
```
#203308 rgb(32,51,8)
```
#2b440b
```
#2b440b rgb(43,68,11)
```
#35540e
```
#35540e rgb(53,84,14)
```
#406511
```
#406511 rgb(64,101,17)
```
#4a7613
```
#4a7613 rgb(74,118,19)
```
#558716
```
#558716 rgb(85,135,22)
```
#609819
```
#609819 rgb(96,152,25)
```
#6aa91b
```
#6aa91b rgb(106,169,27)
```
#75ba1e
```
#75ba1e rgb(117,186,30)
```
#7fca21
```
#7fca21 rgb(127,202,33)
```

Shade Color Variation

#8adb24
```
#8adb24 rgb(138,219,36)
```
#93de35
```
#93de35 rgb(147,222,53)
```
#9ce146
```
#9ce146 rgb(156,225,70)
```
#a5e456
```
#a5e456 rgb(165,228,86)
```
#aee667
```
#aee667 rgb(174,230,103)
```
#b7e978
```
#b7e978 rgb(183,233,120)
```
#c0ec89
```
#c0ec89 rgb(192,236,137)
```
#c9ef9a
```
#c9ef9a rgb(201,239,154)
```
#d2f1ab
```
#d2f1ab rgb(210,241,171)
```
#dbf4bc
```
#dbf4bc rgb(219,244,188)
```
#e4f7cc
```
#e4f7cc rgb(228,247,204)
```
#edfadd
```
#edfadd rgb(237,250,221)
```
#f6fcee
```
#f6fcee rgb(246,252,238)
```

Tint Color Variation

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

#4f514c
```
#4f514c rgb(79,81,76)
```
#4f5746
```
#4f5746 rgb(79,87,70)
```
#505d40
```
#505d40 rgb(80,93,64)
```
#51633a
```
#51633a rgb(81,99,58)
```
#526934
```
#526934 rgb(82,105,52)
```
#526f2e
```
#526f2e rgb(82,111,46)
```
#537528
```
#537528 rgb(83,117,40)
```
#547b22
```
#547b22 rgb(84,123,34)
```
#54811c
```
#54811c rgb(84,129,28)
```
#558716
```
#558716 rgb(85,135,22)
```
#568d10
```
#568d10 rgb(86,141,16)
```
#56930a
```
#56930a rgb(86,147,10)
```
#579904
```
#579904 rgb(87,153,4)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#67715a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f801e Protanopia 1% of men
#9f7a2d Deuteranopia 1% of men
#6d848d Tritanopia 0.001% of the population

Trichromacy

#7a831b Protanomaly 1% of men, 0.01% of women
#847f24 Deuteranomaly 6% of men, 0.4% of women
#648562 Tritanomaly 0.01% of the population