#558220 hex color

In a RGB color space, hex #558220 is composed of 33.3% red, 51% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 75.4% yellow and 49% black. It has a hue angle of 87.6 degrees, a saturation of 60.5% and a lightness of 31.8%. #558220 color hex could be obtained by blending #aaff40 with #000500. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 51
- B 13
RGB color chart
- C 35
- M 0
- Y 75
- K 49
CMYK color chart

● #558220 color description : Dark green.

The hexadecimal color #558220 has RGB values of R:85, G:130, B:32 and CMYK values of C:0.35, M:0, Y:0.75, K:0.49. Its decimal value is 5603872.

Hex triplet	558220	`#558220`
RGB Decimal	85, 130, 32	`rgb(85,130,32)`
RGB Percent	33.3, 51, 12.5	`rgb(33.3%,51%,12.5%)`
CMYK	35, 0, 75, 49
HSL	87.6°, 60.5, 31.8	`hsl(87.6,60.5%,31.8%)`
HSV (or HSB)	87.6°, 75.4, 51
Web Safe	669933	`#669933`

CIE-LAB	49.497, -31.554, 45.3
XYZ	11.989, 18, 4.209
xyY	0.351, 0.526, 18
CIE-LCH	49.497, 55.207, 124.86
CIE-LUV	49.497, -22.562, 52.462
Hunter-Lab	42.427, -23.805, 23.817
Binary	01010101, 10000010, 00100000

#558220
```
#558220 rgb(85,130,32)
```
#4d2082
```
#4d2082 rgb(77,32,130)
```

Complementary Color

#827e20
```
#827e20 rgb(130,126,32)
```
#558220
```
#558220 rgb(85,130,32)
```
#248220
```
#248220 rgb(36,130,32)
```

Analogous Color

#7e2082
```
#7e2082 rgb(126,32,130)
```
#558220
```
#558220 rgb(85,130,32)
```
#202482
```
#202482 rgb(32,36,130)
```

Split Complementary Color

#822055
```
#822055 rgb(130,32,85)
```
#558220
```
#558220 rgb(85,130,32)
```
#205582
```
#205582 rgb(32,85,130)
```

Triadic Color

#824d20
```
#824d20 rgb(130,77,32)
```
#558220
```
#558220 rgb(85,130,32)
```
#205582
```
#205582 rgb(32,85,130)
```
#4d2082
```
#4d2082 rgb(77,32,130)
```

Tetradic Color

#2d4511
```
#2d4511 rgb(45,69,17)
```
#3a5916
```
#3a5916 rgb(58,89,22)
```
#486e1b
```
#486e1b rgb(72,110,27)
```
#558220
```
#558220 rgb(85,130,32)
```
#629625
```
#629625 rgb(98,150,37)
```
#70ab2a
```
#70ab2a rgb(112,171,42)
```
#7dbf2f
```
#7dbf2f rgb(125,191,47)
```

Monochromatic Color

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

#6e8220
```
#6e8220 rgb(110,130,32)
```
#658220
```
#658220 rgb(101,130,32)
```
#5d8220
```
#5d8220 rgb(93,130,32)
```
#558220
```
#558220 rgb(85,130,32)
```
#4d8220
```
#4d8220 rgb(77,130,32)
```
#458220
```
#458220 rgb(69,130,32)
```
#3d8220
```
#3d8220 rgb(61,130,32)
```

Similar Colors

Text with hexadecimal color #558220

This text has a font color of #558220.

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

#558220 background color

This paragraph has a background color of #558220.

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

#558220 border color

This element has a border color of #558220.

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

CSS codes

.text {color:#558220;}

.background {background-color:#558220;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0d1405
```
#0d1405 rgb(13,20,5)
```
#172409
```
#172409 rgb(23,36,9)
```
#22330d
```
#22330d rgb(34,51,13)
```
#2c4311
```
#2c4311 rgb(44,67,17)
```
#365314
```
#365314 rgb(54,83,20)
```
#406318
```
#406318 rgb(64,99,24)
```
#4b721c
```
#4b721c rgb(75,114,28)
```
#558220
```
#558220 rgb(85,130,32)
```
#5f9224
```
#5f9224 rgb(95,146,36)
```
#6aa128
```
#6aa128 rgb(106,161,40)
```
#74b12c
```
#74b12c rgb(116,177,44)
```
#7ec12f
```
#7ec12f rgb(126,193,47)
```

Shade Color Variation

#88ce36
```
#88ce36 rgb(136,206,54)
```
#92d246
```
#92d246 rgb(146,210,70)
```
#9bd556
```
#9bd556 rgb(155,213,86)
```
#a4d966
```
#a4d966 rgb(164,217,102)
```
#aedd75
```
#aedd75 rgb(174,221,117)
```
#b7e185
```
#b7e185 rgb(183,225,133)
```
#c0e595
```
#c0e595 rgb(192,229,149)
```
#c9e9a5
```
#c9e9a5 rgb(201,233,165)
```
#d3edb4
```
#d3edb4 rgb(211,237,180)
```
#dcf1c4
```
#dcf1c4 rgb(220,241,196)
```
#e5f4d4
```
#e5f4d4 rgb(229,244,212)
```
#eff8e4
```
#eff8e4 rgb(239,248,228)
```
#f8fcf3
```
#f8fcf3 rgb(248,252,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51564c is the less saturated color, while #58a101 is the most saturated one.

#51564c
```
#51564c rgb(81,86,76)
```
#525d45
```
#525d45 rgb(82,93,69)
```
#52633f
```
#52633f rgb(82,99,63)
```
#536939
```
#536939 rgb(83,105,57)
```
#536f33
```
#536f33 rgb(83,111,51)
```
#54762c
```
#54762c rgb(84,118,44)
```
#547c26
```
#547c26 rgb(84,124,38)
```
#558220
```
#558220 rgb(85,130,32)
```
#56881a
```
#56881a rgb(86,136,26)
```
#568e14
```
#568e14 rgb(86,142,20)
```
#57950d
```
#57950d rgb(87,149,13)
```
#579b07
```
#579b07 rgb(87,155,7)
```
#58a101
```
#58a101 rgb(88,161,1)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d28 Protanopia 1% of men
#9a7733 Deuteranopia 1% of men
#6c7f89 Tritanopia 0.001% of the population

Trichromacy

#777e25 Protanomaly 1% of men, 0.01% of women
#807b2c Deuteranomaly 6% of men, 0.4% of women
#638062 Tritanomaly 0.01% of the population

#558220 hex color

#558220 Color Information

#558220 Color Conversion

Color Schemes with #558220

Alternatives to #558220

#558220 Preview

Shades and Tints of #558220

Tones of #558220

Color Blindness Simulator