#558022 hex color

In a RGB color space, hex #558022 is composed of 33.3% red, 50.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 0% magenta, 73.4% yellow and 49.8% black. It has a hue angle of 87.4 degrees, a saturation of 58% and a lightness of 31.8%. #558022 color hex could be obtained by blending #aaff44 with #000100. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 50
- B 13
RGB color chart
- C 34
- M 0
- Y 73
- K 50
CMYK color chart

● #558022 color description : Dark green.

The hexadecimal color #558022 has RGB values of R:85, G:128, B:34 and CMYK values of C:0.34, M:0, Y:0.73, K:0.5. Its decimal value is 5603362.

Hex triplet	558022	`#558022`
RGB Decimal	85, 128, 34	`rgb(85,128,34)`
RGB Percent	33.3, 50.2, 13.3	`rgb(33.3%,50.2%,13.3%)`
CMYK	34, 0, 73, 50
HSL	87.4°, 58, 31.8	`hsl(87.4,58%,31.8%)`
HSV (or HSB)	87.4°, 73.4, 50.2
Web Safe	669933	`#669933`

CIE-LAB	48.865, -30.484, 43.893
XYZ	11.754, 17.485, 4.269
xyY	0.351, 0.522, 17.485
CIE-LCH	48.865, 53.44, 124.781
CIE-LUV	48.865, -21.551, 51.002
Hunter-Lab	41.815, -23, 23.217
Binary	01010101, 10000000, 00100010

#558022
```
#558022 rgb(85,128,34)
```
#4d2280
```
#4d2280 rgb(77,34,128)
```

Complementary Color

#807c22
```
#807c22 rgb(128,124,34)
```
#558022
```
#558022 rgb(85,128,34)
```
#268022
```
#268022 rgb(38,128,34)
```

Analogous Color

#7c2280
```
#7c2280 rgb(124,34,128)
```
#558022
```
#558022 rgb(85,128,34)
```
#222680
```
#222680 rgb(34,38,128)
```

Split Complementary Color

#802255
```
#802255 rgb(128,34,85)
```
#558022
```
#558022 rgb(85,128,34)
```
#225580
```
#225580 rgb(34,85,128)
```

Triadic Color

#804d22
```
#804d22 rgb(128,77,34)
```
#558022
```
#558022 rgb(85,128,34)
```
#225580
```
#225580 rgb(34,85,128)
```
#4d2280
```
#4d2280 rgb(77,34,128)
```

Tetradic Color

#2d4412
```
#2d4412 rgb(45,68,18)
```
#3a5817
```
#3a5817 rgb(58,88,23)
```
#486c1d
```
#486c1d rgb(72,108,29)
```
#558022
```
#558022 rgb(85,128,34)
```
#629427
```
#629427 rgb(98,148,39)
```
#70a82d
```
#70a82d rgb(112,168,45)
```
#7dbc32
```
#7dbc32 rgb(125,188,50)
```

Monochromatic Color

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

#6d8022
```
#6d8022 rgb(109,128,34)
```
#658022
```
#658022 rgb(101,128,34)
```
#5d8022
```
#5d8022 rgb(93,128,34)
```
#558022
```
#558022 rgb(85,128,34)
```
#4d8022
```
#4d8022 rgb(77,128,34)
```
#458022
```
#458022 rgb(69,128,34)
```
#3e8022
```
#3e8022 rgb(62,128,34)
```

Similar Colors

Text with hexadecimal color #558022

This text has a font color of #558022.

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

#558022 background color

This paragraph has a background color of #558022.

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

#558022 border color

This element has a border color of #558022.

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

CSS codes

.text {color:#558022;}

.background {background-color:#558022;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0d1405
```
#0d1405 rgb(13,20,5)
```
#172309
```
#172309 rgb(23,35,9)
```
#22330d
```
#22330d rgb(34,51,13)
```
#2c4212
```
#2c4212 rgb(44,66,18)
```
#365216
```
#365216 rgb(54,82,22)
```
#40611a
```
#40611a rgb(64,97,26)
```
#4b711e
```
#4b711e rgb(75,113,30)
```
#558022
```
#558022 rgb(85,128,34)
```
#5f8f26
```
#5f8f26 rgb(95,143,38)
```
#6a9f2a
```
#6a9f2a rgb(106,159,42)
```
#74ae2e
```
#74ae2e rgb(116,174,46)
```
#7ebe32
```
#7ebe32 rgb(126,190,50)
```

Shade Color Variation

#88cb3a
```
#88cb3a rgb(136,203,58)
```
#92cf49
```
#92cf49 rgb(146,207,73)
```
#9bd359
```
#9bd359 rgb(155,211,89)
```
#a4d768
```
#a4d768 rgb(164,215,104)
```
#aedb78
```
#aedb78 rgb(174,219,120)
```
#b7df87
```
#b7df87 rgb(183,223,135)
```
#c0e397
```
#c0e397 rgb(192,227,151)
```
#c9e7a6
```
#c9e7a6 rgb(201,231,166)
```
#d3ebb6
```
#d3ebb6 rgb(211,235,182)
```
#dcf0c5
```
#dcf0c5 rgb(220,240,197)
```
#e5f4d5
```
#e5f4d5 rgb(229,244,213)
```
#eff8e4
```
#eff8e4 rgb(239,248,228)
```
#f8fcf4
```
#f8fcf4 rgb(248,252,244)
```

Tint Color Variation

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

#51544e
```
#51544e rgb(81,84,78)
```
#525b47
```
#525b47 rgb(82,91,71)
```
#526141
```
#526141 rgb(82,97,65)
```
#53673b
```
#53673b rgb(83,103,59)
```
#536d35
```
#536d35 rgb(83,109,53)
```
#54742e
```
#54742e rgb(84,116,46)
```
#547a28
```
#547a28 rgb(84,122,40)
```
#558022
```
#558022 rgb(85,128,34)
```
#56861c
```
#56861c rgb(86,134,28)
```
#568c16
```
#568c16 rgb(86,140,22)
```
#57930f
```
#57930f rgb(87,147,15)
```
#579909
```
#579909 rgb(87,153,9)
```
#589f03
```
#589f03 rgb(88,159,3)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b2a Protanopia 1% of men
#977535 Deuteranopia 1% of men
#6b7e87 Tritanopia 0.001% of the population

Trichromacy

#767d27 Protanomaly 1% of men, 0.01% of women
#7f792e Deuteranomaly 6% of men, 0.4% of women
#637e62 Tritanomaly 0.01% of the population

#558022 hex color

#558022 Color Information

#558022 Color Conversion

Color Schemes with #558022

Alternatives to #558022

#558022 Preview

Shades and Tints of #558022

Tones of #558022

Color Blindness Simulator