colorhexa.com

#558122 hex color

In a RGB color space, hex #558122 is composed of 33.3% red, 50.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 0% magenta, 73.6% yellow and 49.4% black. It has a hue angle of 87.8 degrees, a saturation of 58.3% and a lightness of 32%. #558122 color hex could be obtained by blending #aaff44 with #000300. Closest websafe color is: #669933.

- R 33
- G 51
- B 13
RGB color chart
- C 34
- M 0
- Y 74
- K 49
CMYK color chart

● #558122 color description : Dark green.

The hexadecimal color #558122 has RGB values of R:85, G:129, B:34 and CMYK values of C:0.34, M:0, Y:0.74, K:0.49. Its decimal value is 5603618.

Hex triplet	558122	`#558122`
RGB Decimal	85, 129, 34	`rgb(85,129,34)`
RGB Percent	33.3, 50.6, 13.3	`rgb(33.3%,50.6%,13.3%)`
CMYK	34, 0, 74, 49
HSL	87.8°, 58.3, 32	`hsl(87.8,58.3%,32%)`
HSV (or HSB)	87.8°, 73.6, 50.6
Web Safe	669933	`#669933`

CIE-LAB	49.188, -30.952, 44.218
XYZ	11.885, 17.747, 4.313
xyY	0.35, 0.523, 17.747
CIE-LCH	49.188, 53.975, 124.992
CIE-LUV	49.188, -22.052, 51.467
Hunter-Lab	42.127, -23.363, 23.419
Binary	01010101, 10000001, 00100010

#558122
```
#558122 rgb(85,129,34)
```
#4e2281
```
#4e2281 rgb(78,34,129)
```

Complementary Color

#817e22
```
#817e22 rgb(129,126,34)
```
#558122
```
#558122 rgb(85,129,34)
```
#268122
```
#268122 rgb(38,129,34)
```

Analogous Color

#7e2281
```
#7e2281 rgb(126,34,129)
```
#558122
```
#558122 rgb(85,129,34)
```
#222681
```
#222681 rgb(34,38,129)
```

Split Complementary Color

#812255
```
#812255 rgb(129,34,85)
```
#558122
```
#558122 rgb(85,129,34)
```
#225581
```
#225581 rgb(34,85,129)
```

Triadic Color

#2d4412
```
#2d4412 rgb(45,68,18)
```
#3a5917
```
#3a5917 rgb(58,89,23)
```
#486d1d
```
#486d1d rgb(72,109,29)
```
#558122
```
#558122 rgb(85,129,34)
```
#629527
```
#629527 rgb(98,149,39)
```
#70a92d
```
#70a92d rgb(112,169,45)
```
#7dbe32
```
#7dbe32 rgb(125,190,50)
```

Monochromatic Color

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

#6d8122
```
#6d8122 rgb(109,129,34)
```
#658122
```
#658122 rgb(101,129,34)
```
#5d8122
```
#5d8122 rgb(93,129,34)
```
#558122
```
#558122 rgb(85,129,34)
```
#4d8122
```
#4d8122 rgb(77,129,34)
```
#458122
```
#458122 rgb(69,129,34)
```
#3d8122
```
#3d8122 rgb(61,129,34)
```

Similar Colors

Text with hexadecimal color #558122

This text has a font color of #558122.

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

#558122 background color

This paragraph has a background color of #558122.

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

#558122 border color

This element has a border color of #558122.

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

CSS codes

.text {color:#558122;}

.background {background-color:#558122;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0d1405
```
#0d1405 rgb(13,20,5)
```
#182409
```
#182409 rgb(24,36,9)
```
#22330e
```
#22330e rgb(34,51,14)
```
#2c4312
```
#2c4312 rgb(44,67,18)
```
#365216
```
#365216 rgb(54,82,22)
```
#41621a
```
#41621a rgb(65,98,26)
```
#4b711e
```
#4b711e rgb(75,113,30)
```
#558122
```
#558122 rgb(85,129,34)
```
#5f9126
```
#5f9126 rgb(95,145,38)
```
#69a02a
```
#69a02a rgb(105,160,42)
```
#74b02e
```
#74b02e rgb(116,176,46)
```
#7ebf32
```
#7ebf32 rgb(126,191,50)
```

Shade Color Variation

#88cb3a
```
#88cb3a rgb(136,203,58)
```
#91cf4a
```
#91cf4a rgb(145,207,74)
```
#9bd359
```
#9bd359 rgb(155,211,89)
```
#a4d769
```
#a4d769 rgb(164,215,105)
```
#addb78
```
#addb78 rgb(173,219,120)
```
#b7e088
```
#b7e088 rgb(183,224,136)
```
#c0e497
```
#c0e497 rgb(192,228,151)
```
#cae8a7
```
#cae8a7 rgb(202,232,167)
```
#d3ecb6
```
#d3ecb6 rgb(211,236,182)
```
#dcf0c6
```
#dcf0c6 rgb(220,240,198)
```
#e6f4d5
```
#e6f4d5 rgb(230,244,213)
```
#eff8e5
```
#eff8e5 rgb(239,248,229)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52554e is the less saturated color, while #57a003 is the most saturated one.

#52554e
```
#52554e rgb(82,85,78)
```
#525b48
```
#525b48 rgb(82,91,72)
```
#536241
```
#536241 rgb(83,98,65)
```
#53683b
```
#53683b rgb(83,104,59)
```
#546e35
```
#546e35 rgb(84,110,53)
```
#54742f
```
#54742f rgb(84,116,47)
```
#557b28
```
#557b28 rgb(85,123,40)
```
#558122
```
#558122 rgb(85,129,34)
```
#55871c
```
#55871c rgb(85,135,28)
```
#568e15
```
#568e15 rgb(86,142,21)
```
#56940f
```
#56940f rgb(86,148,15)
```
#579a09
```
#579a09 rgb(87,154,9)
```
#57a003
```
#57a003 rgb(87,160,3)
```

Tone Color Variation

Below, you can see how #558122 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
#656e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c2a Protanopia 1% of men
#987635 Deuteranopia 1% of men
#6b7f88 Tritanopia 0.001% of the population

Trichromacy

#767e27 Protanomaly 1% of men, 0.01% of women
#807a2e Deuteranomaly 6% of men, 0.4% of women
#637f63 Tritanomaly 0.01% of the population