#558f4c hex color

In a RGB color space, hex #558f4c is composed of 33.3% red, 56.1% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 46.9% yellow and 43.9% black. It has a hue angle of 111.9 degrees, a saturation of 30.6% and a lightness of 42.9%. #558f4c color hex could be obtained by blending #aaff98 with #001f00. Closest websafe color is: #669933.

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

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

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

Hex triplet	558f4c	`#558f4c`
RGB Decimal	85, 143, 76	`rgb(85,143,76)`
RGB Percent	33.3, 56.1, 29.8	`rgb(33.3%,56.1%,29.8%)`
CMYK	41, 0, 47, 44
HSL	111.9°, 30.6, 42.9	`hsl(111.9,30.6%,42.9%)`
HSV (or HSB)	111.9°, 46.9, 56.1
Web Safe	669933	`#669933`

CIE-LAB	54.13, -32.85, 29.73
XYZ	14.873, 22.097, 10.319
xyY	0.315, 0.467, 22.097
CIE-LCH	54.13, 44.306, 137.854
CIE-LUV	54.13, -28.26, 41.365
Hunter-Lab	47.008, -25.788, 19.891
Binary	01010101, 10001111, 01001100

#558f4c
```
#558f4c rgb(85,143,76)
```
#864c8f
```
#864c8f rgb(134,76,143)
```

Complementary Color

#778f4c
```
#778f4c rgb(119,143,76)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#4c8f65
```
#4c8f65 rgb(76,143,101)
```

Analogous Color

#8f4c77
```
#8f4c77 rgb(143,76,119)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#654c8f
```
#654c8f rgb(101,76,143)
```

Split Complementary Color

#8f4c55
```
#8f4c55 rgb(143,76,85)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#4c558f
```
#4c558f rgb(76,85,143)
```

Triadic Color

#8f864c
```
#8f864c rgb(143,134,76)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#4c558f
```
#4c558f rgb(76,85,143)
```
#864c8f
```
#864c8f rgb(134,76,143)
```

Tetradic Color

#375d31
```
#375d31 rgb(55,93,49)
```
#416e3a
```
#416e3a rgb(65,110,58)
```
#4b7e43
```
#4b7e43 rgb(75,126,67)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#5fa055
```
#5fa055 rgb(95,160,85)
```
#6cac62
```
#6cac62 rgb(108,172,98)
```
#7cb573
```
#7cb573 rgb(124,181,115)
```

Monochromatic Color

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

#668f4c
```
#668f4c rgb(102,143,76)
```
#608f4c
```
#608f4c rgb(96,143,76)
```
#5b8f4c
```
#5b8f4c rgb(91,143,76)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#4f8f4c
```
#4f8f4c rgb(79,143,76)
```
#4c8f4e
```
#4c8f4e rgb(76,143,78)
```
#4c8f54
```
#4c8f54 rgb(76,143,84)
```

Similar Colors

Text with hexadecimal color #558f4c

This text has a font color of #558f4c.

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

#558f4c background color

This paragraph has a background color of #558f4c.

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

#558f4c border color

This element has a border color of #558f4c.

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

CSS codes

.text {color:#558f4c;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#090f08
```
#090f08 rgb(9,15,8)
```
#101c0f
```
#101c0f rgb(16,28,15)
```
#182916
```
#182916 rgb(24,41,22)
```
#20351c
```
#20351c rgb(32,53,28)
```
#274223
```
#274223 rgb(39,66,35)
```
#2f4f2a
```
#2f4f2a rgb(47,79,42)
```
#375c31
```
#375c31 rgb(55,92,49)
```
#3e6938
```
#3e6938 rgb(62,105,56)
```
#46753e
```
#46753e rgb(70,117,62)
```
#4d8245
```
#4d8245 rgb(77,130,69)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#5d9c53
```
#5d9c53 rgb(93,156,83)
```

Shade Color Variation

#65a85b
```
#65a85b rgb(101,168,91)
```
#71ae67
```
#71ae67 rgb(113,174,103)
```
#7db574
```
#7db574 rgb(125,181,116)
```
#89bc81
```
#89bc81 rgb(137,188,129)
```
#95c38e
```
#95c38e rgb(149,195,142)
```
#a1ca9b
```
#a1ca9b rgb(161,202,155)
```
#add0a7
```
#add0a7 rgb(173,208,167)
```
#b9d7b4
```
#b9d7b4 rgb(185,215,180)
```
#c5dec1
```
#c5dec1 rgb(197,222,193)
```
#d1e5ce
```
#d1e5ce rgb(209,229,206)
```
#ddecdb
```
#ddecdb rgb(221,236,219)
```
#e9f3e7
```
#e9f3e7 rgb(233,243,231)
```
#f5f9f4
```
#f5f9f4 rgb(245,249,244)
```

Tint Color Variation

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

#677665
```
#677665 rgb(103,118,101)
```
#617e5d
```
#617e5d rgb(97,126,93)
```
#5b8754
```
#5b8754 rgb(91,135,84)
```
#558f4c
```
#558f4c rgb(85,143,76)
```
#4f9744
```
#4f9744 rgb(79,151,68)
```
#49a03b
```
#49a03b rgb(73,160,59)
```
#43a833
```
#43a833 rgb(67,168,51)
```
#3cb12a
```
#3cb12a rgb(60,177,42)
```
#36b922
```
#36b922 rgb(54,185,34)
```
#30c219
```
#30c219 rgb(48,194,25)
```
#2aca11
```
#2aca11 rgb(42,202,17)
```
#24d209
```
#24d209 rgb(36,210,9)
```
#1edb00
```
#1edb00 rgb(30,219,0)
```

Tone Color Variation

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

#948750 Protanopia 1% of men
#a2825b Deuteranopia 1% of men
#6c8d97 Tritanopia 0.001% of the population

Trichromacy

#7d8a4f Protanomaly 1% of men, 0.01% of women
#868655 Deuteranomaly 6% of men, 0.4% of women
#638d7b Tritanomaly 0.01% of the population

#558f4c hex color

#558f4c Color Information

#558f4c Color Conversion

Color Schemes with #558f4c

Alternatives to #558f4c

#558f4c Preview

Shades and Tints of #558f4c

Tones of #558f4c

Color Blindness Simulator