#558e52 hex color

In a RGB color space, hex #558e52 is composed of 33.3% red, 55.7% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 0% magenta, 42.3% yellow and 44.3% black. It has a hue angle of 117 degrees, a saturation of 26.8% and a lightness of 43.9%. #558e52 color hex could be obtained by blending #aaffa4 with #001d00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 56
- B 32
RGB color chart
- C 40
- M 0
- Y 42
- K 44
CMYK color chart

● #558e52 color description : Mostly desaturated dark lime green.

The hexadecimal color #558e52 has RGB values of R:85, G:142, B:82 and CMYK values of C:0.4, M:0, Y:0.42, K:0.44. Its decimal value is 5606994.

Hex triplet	558e52	`#558e52`
RGB Decimal	85, 142, 82	`rgb(85,142,82)`
RGB Percent	33.3, 55.7, 32.2	`rgb(33.3%,55.7%,32.2%)`
CMYK	40, 0, 42, 44
HSL	117°, 26.8, 43.9	`hsl(117,26.8%,43.9%)`
HSV (or HSB)	117°, 42.3, 55.7
Web Safe	669966	`#669966`

CIE-LAB	53.906, -31.466, 26.21
XYZ	14.942, 21.886, 11.419
xyY	0.31, 0.454, 21.886
CIE-LCH	53.906, 40.952, 140.207
CIE-LUV	53.906, -27.689, 37.465
Hunter-Lab	46.782, -24.858, 18.275
Binary	01010101, 10001110, 01010010

#558e52
```
#558e52 rgb(85,142,82)
```
#8b528e
```
#8b528e rgb(139,82,142)
```

Complementary Color

#738e52
```
#738e52 rgb(115,142,82)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#528e6d
```
#528e6d rgb(82,142,109)
```

Analogous Color

#8e5273
```
#8e5273 rgb(142,82,115)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#6d528e
```
#6d528e rgb(109,82,142)
```

Split Complementary Color

#8e5255
```
#8e5255 rgb(142,82,85)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#52558e
```
#52558e rgb(82,85,142)
```

Triadic Color

#8e8b52
```
#8e8b52 rgb(142,139,82)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#52558e
```
#52558e rgb(82,85,142)
```
#8b528e
```
#8b528e rgb(139,82,142)
```

Tetradic Color

#385e36
```
#385e36 rgb(56,94,54)
```
#426e3f
```
#426e3f rgb(66,110,63)
```
#4b7e49
```
#4b7e49 rgb(75,126,73)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#5f9e5b
```
#5f9e5b rgb(95,158,91)
```
#6da96a
```
#6da96a rgb(109,169,106)
```
#7db27a
```
#7db27a rgb(125,178,122)
```

Monochromatic Color

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

#648e52
```
#648e52 rgb(100,142,82)
```
#5f8e52
```
#5f8e52 rgb(95,142,82)
```
#5a8e52
```
#5a8e52 rgb(90,142,82)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#528e54
```
#528e54 rgb(82,142,84)
```
#528e59
```
#528e59 rgb(82,142,89)
```
#528e5e
```
#528e5e rgb(82,142,94)
```

Similar Colors

Text with hexadecimal color #558e52

This text has a font color of #558e52.

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

#558e52 background color

This paragraph has a background color of #558e52.

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

#558e52 border color

This element has a border color of #558e52.

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

CSS codes

.text {color:#558e52;}

.background {background-color:#558e52;}

.border {border:1px solid #558e52;}

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

#030503
```
#030503 rgb(3,5,3)
```
#0b120a
```
#0b120a rgb(11,18,10)
```
#121e11
```
#121e11 rgb(18,30,17)
```
#192b19
```
#192b19 rgb(25,43,25)
```
#213720
```
#213720 rgb(33,55,32)
```
#284327
```
#284327 rgb(40,67,39)
```
#30502e
```
#30502e rgb(48,80,46)
```
#375c35
```
#375c35 rgb(55,92,53)
```
#3f693c
```
#3f693c rgb(63,105,60)
```
#467544
```
#467544 rgb(70,117,68)
```
#4e824b
```
#4e824b rgb(78,130,75)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#5c9a59
```
#5c9a59 rgb(92,154,89)
```

Shade Color Variation

#66a563
```
#66a563 rgb(102,165,99)
```
#72ac6f
```
#72ac6f rgb(114,172,111)
```
#7eb37b
```
#7eb37b rgb(126,179,123)
```
#8aba88
```
#8aba88 rgb(138,186,136)
```
#97c194
```
#97c194 rgb(151,193,148)
```
#a3c9a1
```
#a3c9a1 rgb(163,201,161)
```
#afd0ad
```
#afd0ad rgb(175,208,173)
```
#bbd7ba
```
#bbd7ba rgb(187,215,186)
```
#c7dec6
```
#c7dec6 rgb(199,222,198)
```
#d3e5d2
```
#d3e5d2 rgb(211,229,210)
```
#e0ecdf
```
#e0ecdf rgb(224,236,223)
```
#ecf4eb
```
#ecf4eb rgb(236,244,235)
```
#f8fbf8
```
#f8fbf8 rgb(248,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c746c is the less saturated color, while #0fdc04 is the most saturated one.

#6c746c
```
#6c746c rgb(108,116,108)
```
#657d63
```
#657d63 rgb(101,125,99)
```
#5d855b
```
#5d855b rgb(93,133,91)
```
#558e52
```
#558e52 rgb(85,142,82)
```
#4d9749
```
#4d9749 rgb(77,151,73)
```
#459f41
```
#459f41 rgb(69,159,65)
```
#3ea838
```
#3ea838 rgb(62,168,56)
```
#36b030
```
#36b030 rgb(54,176,48)
```
#2eb927
```
#2eb927 rgb(46,185,39)
```
#26c21e
```
#26c21e rgb(38,194,30)
```
#1fca16
```
#1fca16 rgb(31,202,22)
```
#17d30d
```
#17d30d rgb(23,211,13)
```
#0fdc04
```
#0fdc04 rgb(15,220,4)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f7b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938756 Protanopia 1% of men
#a08261 Deuteranopia 1% of men
#6b8c96 Tritanopia 0.001% of the population

Trichromacy

#7c8954 Protanomaly 1% of men, 0.01% of women
#84865b Deuteranomaly 6% of men, 0.4% of women
#638d7d Tritanomaly 0.01% of the population

#558e52 hex color

#558e52 Color Information

#558e52 Color Conversion

Color Schemes with #558e52

Alternatives to #558e52

#558e52 Preview

Shades and Tints of #558e52

Tones of #558e52

Color Blindness Simulator