#558e50 hex color

In a RGB color space, hex #558e50 is composed of 33.3% red, 55.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 0% magenta, 43.7% yellow and 44.3% black. It has a hue angle of 115.2 degrees, a saturation of 27.9% and a lightness of 43.5%. #558e50 color hex could be obtained by blending #aaffa0 with #001d00. Closest websafe color is: #669966.

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

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

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

Hex triplet	558e50	`#558e50`
RGB Decimal	85, 142, 80	`rgb(85,142,80)`
RGB Percent	33.3, 55.7, 31.4	`rgb(33.3%,55.7%,31.4%)`
CMYK	40, 0, 44, 44
HSL	115.2°, 27.9, 43.5	`hsl(115.2,27.9%,43.5%)`
HSV (or HSB)	115.2°, 43.7, 55.7
Web Safe	669966	`#669966`

CIE-LAB	53.874, -31.781, 27.255
XYZ	14.867, 21.856, 11.024
xyY	0.311, 0.458, 21.856
CIE-LCH	53.874, 41.868, 139.384
CIE-LUV	53.874, -27.727, 38.603
Hunter-Lab	46.75, -25.049, 18.744
Binary	01010101, 10001110, 01010000

#558e50
```
#558e50 rgb(85,142,80)
```
#89508e
```
#89508e rgb(137,80,142)
```

Complementary Color

#748e50
```
#748e50 rgb(116,142,80)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#508e6a
```
#508e6a rgb(80,142,106)
```

Analogous Color

#8e5074
```
#8e5074 rgb(142,80,116)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#6a508e
```
#6a508e rgb(106,80,142)
```

Split Complementary Color

#8e5055
```
#8e5055 rgb(142,80,85)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#50558e
```
#50558e rgb(80,85,142)
```

Triadic Color

#8e8950
```
#8e8950 rgb(142,137,80)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#50558e
```
#50558e rgb(80,85,142)
```
#89508e
```
#89508e rgb(137,80,142)
```

Tetradic Color

#385d34
```
#385d34 rgb(56,93,52)
```
#416d3e
```
#416d3e rgb(65,109,62)
```
#4b7e47
```
#4b7e47 rgb(75,126,71)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#5f9e59
```
#5f9e59 rgb(95,158,89)
```
#6daa67
```
#6daa67 rgb(109,170,103)
```
#7cb378
```
#7cb378 rgb(124,179,120)
```

Monochromatic Color

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

#658e50
```
#658e50 rgb(101,142,80)
```
#5f8e50
```
#5f8e50 rgb(95,142,80)
```
#5a8e50
```
#5a8e50 rgb(90,142,80)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#508e50
```
#508e50 rgb(80,142,80)
```
#508e55
```
#508e55 rgb(80,142,85)
```
#508e5b
```
#508e5b rgb(80,142,91)
```

Similar Colors

Text with hexadecimal color #558e50

This text has a font color of #558e50.

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

#558e50 background color

This paragraph has a background color of #558e50.

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

#558e50 border color

This element has a border color of #558e50.

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

CSS codes

.text {color:#558e50;}

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

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

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

#020402
```
#020402 rgb(2,4,2)
```
#0a1109
```
#0a1109 rgb(10,17,9)
```
#111d10
```
#111d10 rgb(17,29,16)
```
#192a17
```
#192a17 rgb(25,42,23)
```
#20361f
```
#20361f rgb(32,54,31)
```
#284326
```
#284326 rgb(40,67,38)
```
#2f4f2d
```
#2f4f2d rgb(47,79,45)
```
#375c34
```
#375c34 rgb(55,92,52)
```
#3e683b
```
#3e683b rgb(62,104,59)
```
#467542
```
#467542 rgb(70,117,66)
```
#4d8149
```
#4d8149 rgb(77,129,73)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#5d9b57
```
#5d9b57 rgb(93,155,87)
```

Shade Color Variation

#65a560
```
#65a560 rgb(101,165,96)
```
#72ac6c
```
#72ac6c rgb(114,172,108)
```
#7eb379
```
#7eb379 rgb(126,179,121)
```
#8abb86
```
#8abb86 rgb(138,187,134)
```
#96c292
```
#96c292 rgb(150,194,146)
```
#a2c99f
```
#a2c99f rgb(162,201,159)
```
#aed0ab
```
#aed0ab rgb(174,208,171)
```
#bad7b8
```
#bad7b8 rgb(186,215,184)
```
#c6dec4
```
#c6dec4 rgb(198,222,196)
```
#d2e5d1
```
#d2e5d1 rgb(210,229,209)
```
#dfecdd
```
#dfecdd rgb(223,236,221)
```
#ebf3ea
```
#ebf3ea rgb(235,243,234)
```
#f7faf6
```
#f7faf6 rgb(247,250,246)
```

Tint Color Variation

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

#6a746a
```
#6a746a rgb(106,116,106)
```
#637d61
```
#637d61 rgb(99,125,97)
```
#5c8559
```
#5c8559 rgb(92,133,89)
```
#558e50
```
#558e50 rgb(85,142,80)
```
#4e9747
```
#4e9747 rgb(78,151,71)
```
#479f3f
```
#479f3f rgb(71,159,63)
```
#40a836
```
#40a836 rgb(64,168,54)
```
#38b02e
```
#38b02e rgb(56,176,46)
```
#31b925
```
#31b925 rgb(49,185,37)
```
#2ac11d
```
#2ac11d rgb(42,193,29)
```
#23ca14
```
#23ca14 rgb(35,202,20)
```
#1cd20c
```
#1cd20c rgb(28,210,12)
```
#15db03
```
#15db03 rgb(21,219,3)
```

Tone Color Variation

Below, you can see how #558e50 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
#6f7b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#938754 Protanopia 1% of men
#a0815f Deuteranopia 1% of men
#6b8c96 Tritanopia 0.001% of the population

Trichromacy

#7c8952 Protanomaly 1% of men, 0.01% of women
#858659 Deuteranomaly 6% of men, 0.4% of women
#638d7d Tritanomaly 0.01% of the population

#558e50 hex color

#558e50 Color Information

#558e50 Color Conversion

Color Schemes with #558e50

Alternatives to #558e50

#558e50 Preview

Shades and Tints of #558e50

Tones of #558e50

Color Blindness Simulator