#558e4e hex color

In a RGB color space, hex #558e4e is composed of 33.3% red, 55.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 0% magenta, 45.1% yellow and 44.3% black. It has a hue angle of 113.4 degrees, a saturation of 29.1% and a lightness of 43.1%. #558e4e color hex could be obtained by blending #aaff9c with #001d00. Closest websafe color is: #669966.

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

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

The hexadecimal color #558e4e has RGB values of R:85, G:142, B:78 and CMYK values of C:0.4, M:0, Y:0.45, K:0.44. Its decimal value is 5606990.

Hex triplet	558e4e	`#558e4e`
RGB Decimal	85, 142, 78	`rgb(85,142,78)`
RGB Percent	33.3, 55.7, 30.6	`rgb(33.3%,55.7%,30.6%)`
CMYK	40, 0, 45, 44
HSL	113.4°, 29.1, 43.1	`hsl(113.4,29.1%,43.1%)`
HSV (or HSB)	113.4°, 45.1, 55.7
Web Safe	669966	`#669966`

CIE-LAB	53.843, -32.088, 28.295
XYZ	14.794, 21.827, 10.641
xyY	0.313, 0.462, 21.827
CIE-LCH	53.843, 42.781, 138.594
CIE-LUV	53.843, -27.764, 39.716
Hunter-Lab	46.719, -25.235, 19.199
Binary	01010101, 10001110, 01001110

#558e4e
```
#558e4e rgb(85,142,78)
```
#874e8e
```
#874e8e rgb(135,78,142)
```

Complementary Color

#758e4e
```
#758e4e rgb(117,142,78)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#4e8e67
```
#4e8e67 rgb(78,142,103)
```

Analogous Color

#8e4e75
```
#8e4e75 rgb(142,78,117)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#674e8e
```
#674e8e rgb(103,78,142)
```

Split Complementary Color

#8e4e55
```
#8e4e55 rgb(142,78,85)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#4e558e
```
#4e558e rgb(78,85,142)
```

Triadic Color

#8e874e
```
#8e874e rgb(142,135,78)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#4e558e
```
#4e558e rgb(78,85,142)
```
#874e8e
```
#874e8e rgb(135,78,142)
```

Tetradic Color

#375d33
```
#375d33 rgb(55,93,51)
```
#416d3c
```
#416d3c rgb(65,109,60)
```
#4b7e45
```
#4b7e45 rgb(75,126,69)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#5f9e57
```
#5f9e57 rgb(95,158,87)
```
#6caa65
```
#6caa65 rgb(108,170,101)
```
#7cb375
```
#7cb375 rgb(124,179,117)
```

Monochromatic Color

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

#658e4e
```
#658e4e rgb(101,142,78)
```
#608e4e
```
#608e4e rgb(96,142,78)
```
#5a8e4e
```
#5a8e4e rgb(90,142,78)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#508e4e
```
#508e4e rgb(80,142,78)
```
#4e8e52
```
#4e8e52 rgb(78,142,82)
```
#4e8e57
```
#4e8e57 rgb(78,142,87)
```

Similar Colors

Text with hexadecimal color #558e4e

This text has a font color of #558e4e.

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

#558e4e background color

This paragraph has a background color of #558e4e.

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

#558e4e border color

This element has a border color of #558e4e.

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

CSS codes

.text {color:#558e4e;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#090f08
```
#090f08 rgb(9,15,8)
```
#111c0f
```
#111c0f rgb(17,28,15)
```
#182916
```
#182916 rgb(24,41,22)
```
#20351d
```
#20351d rgb(32,53,29)
```
#284224
```
#284224 rgb(40,66,36)
```
#2f4f2b
```
#2f4f2b rgb(47,79,43)
```
#375b32
```
#375b32 rgb(55,91,50)
```
#3e6839
```
#3e6839 rgb(62,104,57)
```
#467540
```
#467540 rgb(70,117,64)
```
#4d8147
```
#4d8147 rgb(77,129,71)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#5d9b55
```
#5d9b55 rgb(93,155,85)
```

Shade Color Variation

#65a65d
```
#65a65d rgb(101,166,93)
```
#71ad6a
```
#71ad6a rgb(113,173,106)
```
#7db476
```
#7db476 rgb(125,180,118)
```
#89bb83
```
#89bb83 rgb(137,187,131)
```
#95c290
```
#95c290 rgb(149,194,144)
```
#a1c99c
```
#a1c99c rgb(161,201,156)
```
#add0a9
```
#add0a9 rgb(173,208,169)
```
#b9d7b6
```
#b9d7b6 rgb(185,215,182)
```
#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, #697567 is the less saturated color, while #1ada02 is the most saturated one.

#697567
```
#697567 rgb(105,117,103)
```
#627d5f
```
#627d5f rgb(98,125,95)
```
#5c8656
```
#5c8656 rgb(92,134,86)
```
#558e4e
```
#558e4e rgb(85,142,78)
```
#4e9646
```
#4e9646 rgb(78,150,70)
```
#489f3d
```
#489f3d rgb(72,159,61)
```
#41a735
```
#41a735 rgb(65,167,53)
```
#3bb02c
```
#3bb02c rgb(59,176,44)
```
#34b824
```
#34b824 rgb(52,184,36)
```
#2dc11b
```
#2dc11b rgb(45,193,27)
```
#27c913
```
#27c913 rgb(39,201,19)
```
#20d20a
```
#20d20a rgb(32,210,10)
```
#1ada02
```
#1ada02 rgb(26,218,2)
```

Tone Color Variation

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

#938752 Protanopia 1% of men
#a0815d Deuteranopia 1% of men
#6b8c96 Tritanopia 0.001% of the population

Trichromacy

#7c8950 Protanomaly 1% of men, 0.01% of women
#858657 Deuteranomaly 6% of men, 0.4% of women
#638c7c Tritanomaly 0.01% of the population

#558e4e hex color

#558e4e Color Information

#558e4e Color Conversion

Color Schemes with #558e4e

Alternatives to #558e4e

#558e4e Preview

Shades and Tints of #558e4e

Tones of #558e4e

Color Blindness Simulator