#558f4d hex color

In a RGB color space, hex #558f4d is composed of 33.3% red, 56.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 46.2% yellow and 43.9% black. It has a hue angle of 112.7 degrees, a saturation of 30% and a lightness of 43.1%. #558f4d color hex could be obtained by blending #aaff9a with #001f00. Closest websafe color is: #669966.

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

● #558f4d color description : Dark moderate lime green.

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

Hex triplet	558f4d	`#558f4d`
RGB Decimal	85, 143, 77	`rgb(85,143,77)`
RGB Percent	33.3, 56.1, 30.2	`rgb(33.3%,56.1%,30.2%)`
CMYK	41, 0, 46, 44
HSL	112.7°, 30, 43.1	`hsl(112.7,30%,43.1%)`
HSV (or HSB)	112.7°, 46.2, 56.1
Web Safe	669966	`#669966`

CIE-LAB	54.145, -32.703, 29.215
XYZ	14.908, 22.111, 10.503
xyY	0.314, 0.465, 22.111
CIE-LCH	54.145, 43.852, 138.223
CIE-LUV	54.145, -28.242, 40.827
Hunter-Lab	47.023, -25.699, 19.673
Binary	01010101, 10001111, 01001101

#558f4d
```
#558f4d rgb(85,143,77)
```
#874d8f
```
#874d8f rgb(135,77,143)
```

Complementary Color

#768f4d
```
#768f4d rgb(118,143,77)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#4d8f66
```
#4d8f66 rgb(77,143,102)
```

Analogous Color

#8f4d76
```
#8f4d76 rgb(143,77,118)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#664d8f
```
#664d8f rgb(102,77,143)
```

Split Complementary Color

#8f4d55
```
#8f4d55 rgb(143,77,85)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#4d558f
```
#4d558f rgb(77,85,143)
```

Triadic Color

#8f874d
```
#8f874d rgb(143,135,77)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#4d558f
```
#4d558f rgb(77,85,143)
```
#874d8f
```
#874d8f rgb(135,77,143)
```

Tetradic Color

#375d32
```
#375d32 rgb(55,93,50)
```
#416e3b
```
#416e3b rgb(65,110,59)
```
#4b7e44
```
#4b7e44 rgb(75,126,68)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#5fa056
```
#5fa056 rgb(95,160,86)
```
#6cab64
```
#6cab64 rgb(108,171,100)
```
#7cb474
```
#7cb474 rgb(124,180,116)
```

Monochromatic Color

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

#668f4d
```
#668f4d rgb(102,143,77)
```
#608f4d
```
#608f4d rgb(96,143,77)
```
#5b8f4d
```
#5b8f4d rgb(91,143,77)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#508f4d
```
#508f4d rgb(80,143,77)
```
#4d8f50
```
#4d8f50 rgb(77,143,80)
```
#4d8f56
```
#4d8f56 rgb(77,143,86)
```

Similar Colors

Text with hexadecimal color #558f4d

This text has a font color of #558f4d.

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

#558f4d background color

This paragraph has a background color of #558f4d.

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

#558f4d border color

This element has a border color of #558f4d.

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

CSS codes

.text {color:#558f4d;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#091008
```
#091008 rgb(9,16,8)
```
#111c0f
```
#111c0f rgb(17,28,15)
```
#182916
```
#182916 rgb(24,41,22)
```
#20361d
```
#20361d rgb(32,54,29)
```
#284324
```
#284324 rgb(40,67,36)
```
#2f4f2b
```
#2f4f2b rgb(47,79,43)
```
#375c32
```
#375c32 rgb(55,92,50)
```
#3e6938
```
#3e6938 rgb(62,105,56)
```
#46763f
```
#46763f rgb(70,118,63)
```
#4d8246
```
#4d8246 rgb(77,130,70)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#5d9c54
```
#5d9c54 rgb(93,156,84)
```

Shade Color Variation

#65a75c
```
#65a75c rgb(101,167,92)
```
#71ae69
```
#71ae69 rgb(113,174,105)
```
#7db576
```
#7db576 rgb(125,181,118)
```
#89bc82
```
#89bc82 rgb(137,188,130)
```
#95c38f
```
#95c38f rgb(149,195,143)
```
#a1ca9c
```
#a1ca9c rgb(161,202,156)
```
#add0a9
```
#add0a9 rgb(173,208,169)
```
#b9d7b5
```
#b9d7b5 rgb(185,215,181)
```
#c5dec2
```
#c5dec2 rgb(197,222,194)
```
#d1e5cf
```
#d1e5cf rgb(209,229,207)
```
#ddecdc
```
#ddecdc rgb(221,236,220)
```
#eaf3e8
```
#eaf3e8 rgb(234,243,232)
```
#f6faf5
```
#f6faf5 rgb(246,250,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #687666 is the less saturated color, while #1bdb01 is the most saturated one.

#687666
```
#687666 rgb(104,118,102)
```
#627e5e
```
#627e5e rgb(98,126,94)
```
#5b8755
```
#5b8755 rgb(91,135,85)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#4f9745
```
#4f9745 rgb(79,151,69)
```
#48a03c
```
#48a03c rgb(72,160,60)
```
#42a834
```
#42a834 rgb(66,168,52)
```
#3bb12b
```
#3bb12b rgb(59,177,43)
```
#35b923
```
#35b923 rgb(53,185,35)
```
#2fc21a
```
#2fc21a rgb(47,194,26)
```
#28ca12
```
#28ca12 rgb(40,202,18)
```
#22d309
```
#22d309 rgb(34,211,9)
```
#1bdb01
```
#1bdb01 rgb(27,219,1)
```

Tone Color Variation

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

#948851 Protanopia 1% of men
#a2825c Deuteranopia 1% of men
#6c8d97 Tritanopia 0.001% of the population

Trichromacy

#7d8a50 Protanomaly 1% of men, 0.01% of women
#868756 Deuteranomaly 6% of men, 0.4% of women
#638d7c Tritanomaly 0.01% of the population

#558f4d hex color

#558f4d Color Information

#558f4d Color Conversion

Color Schemes with #558f4d

Alternatives to #558f4d

#558f4d Preview

Shades and Tints of #558f4d

Tones of #558f4d

Color Blindness Simulator