#558f4e hex color

In a RGB color space, hex #558f4e is composed of 33.3% red, 56.1% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 45.5% yellow and 43.9% black. It has a hue angle of 113.5 degrees, a saturation of 29.4% and a lightness of 43.3%. #558f4e color hex could be obtained by blending #aaff9c with #001f00. Closest websafe color is: #669966.

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

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

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

Hex triplet	558f4e	`#558f4e`
RGB Decimal	85, 143, 78	`rgb(85,143,78)`
RGB Percent	33.3, 56.1, 30.6	`rgb(33.3%,56.1%,30.6%)`
CMYK	41, 0, 45, 44
HSL	113.5°, 29.4, 43.3	`hsl(113.5,29.4%,43.3%)`
HSV (or HSB)	113.5°, 45.5, 56.1
Web Safe	669966	`#669966`

CIE-LAB	54.16, -32.553, 28.699
XYZ	14.943, 22.126, 10.691
xyY	0.313, 0.463, 22.126
CIE-LCH	54.16, 43.397, 138.6
CIE-LUV	54.16, -28.223, 40.283
Hunter-Lab	47.038, -25.609, 19.451
Binary	01010101, 10001111, 01001110

#558f4e
```
#558f4e rgb(85,143,78)
```
#884e8f
```
#884e8f rgb(136,78,143)
```

Complementary Color

#768f4e
```
#768f4e rgb(118,143,78)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#4e8f68
```
#4e8f68 rgb(78,143,104)
```

Analogous Color

#8f4e76
```
#8f4e76 rgb(143,78,118)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#684e8f
```
#684e8f rgb(104,78,143)
```

Split Complementary Color

#8f4e55
```
#8f4e55 rgb(143,78,85)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#4e558f
```
#4e558f rgb(78,85,143)
```

Triadic Color

#8f884e
```
#8f884e rgb(143,136,78)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#4e558f
```
#4e558f rgb(78,85,143)
```
#884e8f
```
#884e8f rgb(136,78,143)
```

Tetradic Color

#385e33
```
#385e33 rgb(56,94,51)
```
#416e3c
```
#416e3c rgb(65,110,60)
```
#4b7f45
```
#4b7f45 rgb(75,127,69)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#5fa057
```
#5fa057 rgb(95,160,87)
```
#6dab65
```
#6dab65 rgb(109,171,101)
```
#7cb476
```
#7cb476 rgb(124,180,118)
```

Monochromatic Color

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

#658f4e
```
#658f4e rgb(101,143,78)
```
#608f4e
```
#608f4e rgb(96,143,78)
```
#5a8f4e
```
#5a8f4e rgb(90,143,78)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#508f4e
```
#508f4e rgb(80,143,78)
```
#4e8f52
```
#4e8f52 rgb(78,143,82)
```
#4e8f57
```
#4e8f57 rgb(78,143,87)
```

Similar Colors

Text with hexadecimal color #558f4e

This text has a font color of #558f4e.

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

#558f4e background color

This paragraph has a background color of #558f4e.

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

#558f4e border color

This element has a border color of #558f4e.

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

CSS codes

.text {color:#558f4e;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a1009
```
#0a1009 rgb(10,16,9)
```
#111d10
```
#111d10 rgb(17,29,16)
```
#192917
```
#192917 rgb(25,41,23)
```
#20361e
```
#20361e rgb(32,54,30)
```
#284324
```
#284324 rgb(40,67,36)
```
#2f502b
```
#2f502b rgb(47,80,43)
```
#375c32
```
#375c32 rgb(55,92,50)
```
#3e6939
```
#3e6939 rgb(62,105,57)
```
#467640
```
#467640 rgb(70,118,64)
```
#4d8247
```
#4d8247 rgb(77,130,71)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#5d9c55
```
#5d9c55 rgb(93,156,85)
```

Shade Color Variation

#65a75d
```
#65a75d rgb(101,167,93)
```
#71ae6a
```
#71ae6a rgb(113,174,106)
```
#7db577
```
#7db577 rgb(125,181,119)
```
#8abc83
```
#8abc83 rgb(138,188,131)
```
#96c390
```
#96c390 rgb(150,195,144)
```
#a2c99d
```
#a2c99d rgb(162,201,157)
```
#aed0aa
```
#aed0aa rgb(174,208,170)
```
#bad7b6
```
#bad7b6 rgb(186,215,182)
```
#c6dec3
```
#c6dec3 rgb(198,222,195)
```
#d2e5d0
```
#d2e5d0 rgb(210,229,208)
```
#deecdc
```
#deecdc rgb(222,236,220)
```
#eaf3e9
```
#eaf3e9 rgb(234,243,233)
```
#f6faf6
```
#f6faf6 rgb(246,250,246)
```

Tint Color Variation

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

#697668
```
#697668 rgb(105,118,104)
```
#627e5f
```
#627e5f rgb(98,126,95)
```
#5c8757
```
#5c8757 rgb(92,135,87)
```
#558f4e
```
#558f4e rgb(85,143,78)
```
#4e9846
```
#4e9846 rgb(78,152,70)
```
#48a03d
```
#48a03d rgb(72,160,61)
```
#41a935
```
#41a935 rgb(65,169,53)
```
#3ab12c
```
#3ab12c rgb(58,177,44)
```
#34ba24
```
#34ba24 rgb(52,186,36)
```
#2dc21b
```
#2dc21b rgb(45,194,27)
```
#26cb13
```
#26cb13 rgb(38,203,19)
```
#20d30a
```
#20d30a rgb(32,211,10)
```
#19dc01
```
#19dc01 rgb(25,220,1)
```

Tone Color Variation

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

#948852 Protanopia 1% of men
#a1825d Deuteranopia 1% of men
#6c8d97 Tritanopia 0.001% of the population

Trichromacy

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

#558f4e hex color

#558f4e Color Information

#558f4e Color Conversion

Color Schemes with #558f4e

Alternatives to #558f4e

#558f4e Preview

Shades and Tints of #558f4e

Tones of #558f4e

Color Blindness Simulator