#558f50 hex color

In a RGB color space, hex #558f50 is composed of 33.3% red, 56.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 44.1% yellow and 43.9% black. It has a hue angle of 115.2 degrees, a saturation of 28.3% and a lightness of 43.7%. #558f50 color hex could be obtained by blending #aaffa0 with #001f00. Closest websafe color is: #669966.

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

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

The hexadecimal color #558f50 has RGB values of R:85, G:143, B:80 and CMYK values of C:0.41, M:0, Y:0.44, K:0.44. Its decimal value is 5607248.

Hex triplet	558f50	`#558f50`
RGB Decimal	85, 143, 80	`rgb(85,143,80)`
RGB Percent	33.3, 56.1, 31.4	`rgb(33.3%,56.1%,31.4%)`
CMYK	41, 0, 44, 44
HSL	115.2°, 28.3, 43.7	`hsl(115.2,28.3%,43.7%)`
HSV (or HSB)	115.2°, 44.1, 56.1
Web Safe	669966	`#669966`

CIE-LAB	54.191, -32.248, 27.662
XYZ	15.016, 22.155, 11.074
xyY	0.311, 0.459, 22.155
CIE-LCH	54.191, 42.487, 139.378
CIE-LUV	54.191, -28.184, 39.176
Hunter-Lab	47.069, -25.424, 18.999
Binary	01010101, 10001111, 01010000

#558f50
```
#558f50 rgb(85,143,80)
```
#8a508f
```
#8a508f rgb(138,80,143)
```

Complementary Color

#758f50
```
#758f50 rgb(117,143,80)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#508f6b
```
#508f6b rgb(80,143,107)
```

Analogous Color

#8f5075
```
#8f5075 rgb(143,80,117)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#6b508f
```
#6b508f rgb(107,80,143)
```

Split Complementary Color

#8f5055
```
#8f5055 rgb(143,80,85)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#50558f
```
#50558f rgb(80,85,143)
```

Triadic Color

#8f8a50
```
#8f8a50 rgb(143,138,80)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#50558f
```
#50558f rgb(80,85,143)
```
#8a508f
```
#8a508f rgb(138,80,143)
```

Tetradic Color

#385e35
```
#385e35 rgb(56,94,53)
```
#426e3e
```
#426e3e rgb(66,110,62)
```
#4b7f47
```
#4b7f47 rgb(75,127,71)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#5f9f59
```
#5f9f59 rgb(95,159,89)
```
#6daa68
```
#6daa68 rgb(109,170,104)
```
#7db378
```
#7db378 rgb(125,179,120)
```

Monochromatic Color

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

#658f50
```
#658f50 rgb(101,143,80)
```
#608f50
```
#608f50 rgb(96,143,80)
```
#5a8f50
```
#5a8f50 rgb(90,143,80)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#508f50
```
#508f50 rgb(80,143,80)
```
#508f56
```
#508f56 rgb(80,143,86)
```
#508f5b
```
#508f5b rgb(80,143,91)
```

Similar Colors

Text with hexadecimal color #558f50

This text has a font color of #558f50.

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

#558f50 background color

This paragraph has a background color of #558f50.

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

#558f50 border color

This element has a border color of #558f50.

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

CSS codes

.text {color:#558f50;}

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

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

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

#030503
```
#030503 rgb(3,5,3)
```
#0a110a
```
#0a110a rgb(10,17,10)
```
#121e11
```
#121e11 rgb(18,30,17)
```
#192a18
```
#192a18 rgb(25,42,24)
```
#21371f
```
#21371f rgb(33,55,31)
```
#284426
```
#284426 rgb(40,68,38)
```
#30502d
```
#30502d rgb(48,80,45)
```
#375d34
```
#375d34 rgb(55,93,52)
```
#3f693b
```
#3f693b rgb(63,105,59)
```
#467642
```
#467642 rgb(70,118,66)
```
#4e8249
```
#4e8249 rgb(78,130,73)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#5c9c57
```
#5c9c57 rgb(92,156,87)
```

Shade Color Variation

#66a660
```
#66a660 rgb(102,166,96)
```
#72ad6d
```
#72ad6d rgb(114,173,109)
```
#7eb479
```
#7eb479 rgb(126,180,121)
```
#8abb86
```
#8abb86 rgb(138,187,134)
```
#96c292
```
#96c292 rgb(150,194,146)
```
#a2c99f
```
#a2c99f rgb(162,201,159)
```
#afd0ac
```
#afd0ac rgb(175,208,172)
```
#bbd7b8
```
#bbd7b8 rgb(187,215,184)
```
#c7dec5
```
#c7dec5 rgb(199,222,197)
```
#d3e5d1
```
#d3e5d1 rgb(211,229,209)
```
#dfecde
```
#dfecde rgb(223,236,222)
```
#ebf4ea
```
#ebf4ea rgb(235,244,234)
```
#f7fbf7
```
#f7fbf7 rgb(247,251,247)
```

Tint Color Variation

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

#6b756a
```
#6b756a rgb(107,117,106)
```
#637e61
```
#637e61 rgb(99,126,97)
```
#5c8659
```
#5c8659 rgb(92,134,89)
```
#558f50
```
#558f50 rgb(85,143,80)
```
#4e9847
```
#4e9847 rgb(78,152,71)
```
#47a03f
```
#47a03f rgb(71,160,63)
```
#3fa936
```
#3fa936 rgb(63,169,54)
```
#38b12e
```
#38b12e rgb(56,177,46)
```
#31ba25
```
#31ba25 rgb(49,186,37)
```
#2ac21d
```
#2ac21d rgb(42,194,29)
```
#22cb14
```
#22cb14 rgb(34,203,20)
```
#1bd40b
```
#1bd40b rgb(27,212,11)
```
#14dc03
```
#14dc03 rgb(20,220,3)
```

Tone Color Variation

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

#948854 Protanopia 1% of men
#a1825f Deuteranopia 1% of men
#6c8d97 Tritanopia 0.001% of the population

Trichromacy

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

#558f50 hex color

#558f50 Color Information

#558f50 Color Conversion

Color Schemes with #558f50

Alternatives to #558f50

#558f50 Preview

Shades and Tints of #558f50

Tones of #558f50

Color Blindness Simulator