#558c4c hex color

In a RGB color space, hex #558c4c is composed of 33.3% red, 54.9% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 45.7% yellow and 45.1% black. It has a hue angle of 111.6 degrees, a saturation of 29.6% and a lightness of 42.4%. #558c4c color hex could be obtained by blending #aaff98 with #001900. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 55
- B 30
RGB color chart
- C 39
- M 0
- Y 46
- K 45
CMYK color chart

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

The hexadecimal color #558c4c has RGB values of R:85, G:140, B:76 and CMYK values of C:0.39, M:0, Y:0.46, K:0.45. Its decimal value is 5606476.

Hex triplet	558c4c	`#558c4c`
RGB Decimal	85, 140, 76	`rgb(85,140,76)`
RGB Percent	33.3, 54.9, 29.8	`rgb(33.3%,54.9%,29.8%)`
CMYK	39, 0, 46, 45
HSL	111.6°, 29.6, 42.4	`hsl(111.6,29.6%,42.4%)`
HSV (or HSB)	111.6°, 45.7, 54.9
Web Safe	669933	`#669933`

CIE-LAB	53.177, -31.453, 28.525
XYZ	14.428, 21.209, 10.17
xyY	0.315, 0.463, 21.209
CIE-LCH	53.177, 42.461, 137.794
CIE-LUV	53.177, -26.878, 39.679
Hunter-Lab	46.053, -24.668, 19.143
Binary	01010101, 10001100, 01001100

#558c4c
```
#558c4c rgb(85,140,76)
```
#834c8c
```
#834c8c rgb(131,76,140)
```

Complementary Color

#758c4c
```
#758c4c rgb(117,140,76)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#4c8c63
```
#4c8c63 rgb(76,140,99)
```

Analogous Color

#8c4c75
```
#8c4c75 rgb(140,76,117)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#634c8c
```
#634c8c rgb(99,76,140)
```

Split Complementary Color

#8c4c55
```
#8c4c55 rgb(140,76,85)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#4c558c
```
#4c558c rgb(76,85,140)
```

Triadic Color

#8c834c
```
#8c834c rgb(140,131,76)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#4c558c
```
#4c558c rgb(76,85,140)
```
#834c8c
```
#834c8c rgb(131,76,140)
```

Tetradic Color

#375a31
```
#375a31 rgb(55,90,49)
```
#416b3a
```
#416b3a rgb(65,107,58)
```
#4b7b43
```
#4b7b43 rgb(75,123,67)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#5f9d55
```
#5f9d55 rgb(95,157,85)
```
#6caa62
```
#6caa62 rgb(108,170,98)
```
#7bb272
```
#7bb272 rgb(123,178,114)
```

Monochromatic Color

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

#658c4c
```
#658c4c rgb(101,140,76)
```
#608c4c
```
#608c4c rgb(96,140,76)
```
#5a8c4c
```
#5a8c4c rgb(90,140,76)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#508c4c
```
#508c4c rgb(80,140,76)
```
#4c8c4e
```
#4c8c4e rgb(76,140,78)
```
#4c8c53
```
#4c8c53 rgb(76,140,83)
```

Similar Colors

Text with hexadecimal color #558c4c

This text has a font color of #558c4c.

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

#558c4c background color

This paragraph has a background color of #558c4c.

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

#558c4c border color

This element has a border color of #558c4c.

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

CSS codes

.text {color:#558c4c;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080d07
```
#080d07 rgb(8,13,7)
```
#101a0e
```
#101a0e rgb(16,26,14)
```
#172615
```
#172615 rgb(23,38,21)
```
#1f331c
```
#1f331c rgb(31,51,28)
```
#274023
```
#274023 rgb(39,64,35)
```
#2e4c29
```
#2e4c29 rgb(46,76,41)
```
#365930
```
#365930 rgb(54,89,48)
```
#3e6637
```
#3e6637 rgb(62,102,55)
```
#46733e
```
#46733e rgb(70,115,62)
```
#4d7f45
```
#4d7f45 rgb(77,127,69)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#5d9953
```
#5d9953 rgb(93,153,83)
```

Shade Color Variation

#64a55a
```
#64a55a rgb(100,165,90)
```
#70ac67
```
#70ac67 rgb(112,172,103)
```
#7cb373
```
#7cb373 rgb(124,179,115)
```
#88ba80
```
#88ba80 rgb(136,186,128)
```
#94c18d
```
#94c18d rgb(148,193,141)
```
#a0c899
```
#a0c899 rgb(160,200,153)
```
#accfa6
```
#accfa6 rgb(172,207,166)
```
#b8d6b3
```
#b8d6b3 rgb(184,214,179)
```
#c4ddc0
```
#c4ddc0 rgb(196,221,192)
```
#d0e3cc
```
#d0e3cc rgb(208,227,204)
```
#dbead9
```
#dbead9 rgb(219,234,217)
```
#e7f1e6
```
#e7f1e6 rgb(231,241,230)
```
#f3f8f2
```
#f3f8f2 rgb(243,248,242)
```

Tint Color Variation

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

#677365
```
#677365 rgb(103,115,101)
```
#617b5d
```
#617b5d rgb(97,123,93)
```
#5b8454
```
#5b8454 rgb(91,132,84)
```
#558c4c
```
#558c4c rgb(85,140,76)
```
#4f9444
```
#4f9444 rgb(79,148,68)
```
#499d3b
```
#499d3b rgb(73,157,59)
```
#43a533
```
#43a533 rgb(67,165,51)
```
#3dad2b
```
#3dad2b rgb(61,173,43)
```
#37b622
```
#37b622 rgb(55,182,34)
```
#31be1a
```
#31be1a rgb(49,190,26)
```
#2bc612
```
#2bc612 rgb(43,198,18)
```
#25ce0a
```
#25ce0a rgb(37,206,10)
```
#1fd701
```
#1fd701 rgb(31,215,1)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e796c Atypical Achromatopsia 0.001% of the population

Dichromacy

#918550 Protanopia 1% of men
#9f805b Deuteranopia 1% of men
#6b8a94 Tritanopia 0.001% of the population

Trichromacy

#7b874f Protanomaly 1% of men, 0.01% of women
#848455 Deuteranomaly 6% of men, 0.4% of women
#638b7a Tritanomaly 0.01% of the population

#558c4c hex color

#558c4c Color Information

#558c4c Color Conversion

Color Schemes with #558c4c

Alternatives to #558c4c

#558c4c Preview

Shades and Tints of #558c4c

Tones of #558c4c

Color Blindness Simulator