#558356 hex color

In a RGB color space, hex #558356 is composed of 33.3% red, 51.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 34.4% yellow and 48.6% black. It has a hue angle of 121.3 degrees, a saturation of 21.3% and a lightness of 42.4%. #558356 color hex could be obtained by blending #aaffac with #000700. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 51
- B 34
RGB color chart
- C 35
- M 0
- Y 34
- K 49
CMYK color chart

● #558356 color description : Mostly desaturated dark lime green.

The hexadecimal color #558356 has RGB values of R:85, G:131, B:86 and CMYK values of C:0.35, M:0, Y:0.34, K:0.49. Its decimal value is 5604182.

Hex triplet	558356	`#558356`
RGB Decimal	85, 131, 86	`rgb(85,131,86)`
RGB Percent	33.3, 51.4, 33.7	`rgb(33.3%,51.4%,33.7%)`
CMYK	35, 0, 34, 49
HSL	121.3°, 21.3, 42.4	`hsl(121.3,21.3%,42.4%)`
HSV (or HSB)	121.3°, 35.1, 51.4
Web Safe	669966	`#669966`

CIE-LAB	50.494, -25.466, 19.492
XYZ	13.542, 18.835, 11.726
xyY	0.307, 0.427, 18.835
CIE-LCH	50.494, 32.07, 142.57
CIE-LUV	50.494, -22.525, 28.5
Hunter-Lab	43.4, -20.253, 14.361
Binary	01010101, 10000011, 01010110

#558356
```
#558356 rgb(85,131,86)
```
#835582
```
#835582 rgb(131,85,130)
```

Complementary Color

#6b8355
```
#6b8355 rgb(107,131,85)
```
#558356
```
#558356 rgb(85,131,86)
```
#55836d
```
#55836d rgb(85,131,109)
```

Analogous Color

#83556b
```
#83556b rgb(131,85,107)
```
#558356
```
#558356 rgb(85,131,86)
```
#6d5583
```
#6d5583 rgb(109,85,131)
```

Split Complementary Color

#835655
```
#835655 rgb(131,86,85)
```
#558356
```
#558356 rgb(85,131,86)
```
#565583
```
#565583 rgb(86,85,131)
```

Triadic Color

#828355
```
#828355 rgb(130,131,85)
```
#558356
```
#558356 rgb(85,131,86)
```
#565583
```
#565583 rgb(86,85,131)
```
#835582
```
#835582 rgb(131,85,130)
```

Tetradic Color

#375538
```
#375538 rgb(55,85,56)
```
#416442
```
#416442 rgb(65,100,66)
```
#4b744c
```
#4b744c rgb(75,116,76)
```
#558356
```
#558356 rgb(85,131,86)
```
#5f9260
```
#5f9260 rgb(95,146,96)
```
#6c9f6d
```
#6c9f6d rgb(108,159,109)
```
#7ba97c
```
#7ba97c rgb(123,169,124)
```

Monochromatic Color

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

#608355
```
#608355 rgb(96,131,85)
```
#5c8355
```
#5c8355 rgb(92,131,85)
```
#588355
```
#588355 rgb(88,131,85)
```
#558356
```
#558356 rgb(85,131,86)
```
#55835a
```
#55835a rgb(85,131,90)
```
#55835e
```
#55835e rgb(85,131,94)
```
#558362
```
#558362 rgb(85,131,98)
```

Similar Colors

Text with hexadecimal color #558356

This text has a font color of #558356.

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

#558356 background color

This paragraph has a background color of #558356.

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

#558356 border color

This element has a border color of #558356.

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

CSS codes

.text {color:#558356;}

.background {background-color:#558356;}

.border {border:1px solid #558356;}

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

#000000
```
#000000 rgb(0,0,0)
```
#080c08
```
#080c08 rgb(8,12,8)
```
#101810
```
#101810 rgb(16,24,16)
```
#172418
```
#172418 rgb(23,36,24)
```
#1f301f
```
#1f301f rgb(31,48,31)
```
#273c27
```
#273c27 rgb(39,60,39)
```
#2e482f
```
#2e482f rgb(46,72,47)
```
#365337
```
#365337 rgb(54,83,55)
```
#3e5f3f
```
#3e5f3f rgb(62,95,63)
```
#466b46
```
#466b46 rgb(70,107,70)
```
#4d774e
```
#4d774e rgb(77,119,78)
```
#558356
```
#558356 rgb(85,131,86)
```
#5d8f5e
```
#5d8f5e rgb(93,143,94)
```

Shade Color Variation

#649b66
```
#649b66 rgb(100,155,102)
```
#70a271
```
#70a271 rgb(112,162,113)
```
#7caa7d
```
#7caa7d rgb(124,170,125)
```
#88b289
```
#88b289 rgb(136,178,137)
```
#94ba95
```
#94ba95 rgb(148,186,149)
```
#a0c1a1
```
#a0c1a1 rgb(160,193,161)
```
#acc9ad
```
#acc9ad rgb(172,201,173)
```
#b8d1b8
```
#b8d1b8 rgb(184,209,184)
```
#c4d8c4
```
#c4d8c4 rgb(196,216,196)
```
#d0e0d0
```
#d0e0d0 rgb(208,224,208)
```
#dbe8dc
```
#dbe8dc rgb(219,232,220)
```
#e7f0e8
```
#e7f0e8 rgb(231,240,232)
```
#f3f7f3
```
#f3f7f3 rgb(243,247,243)
```

Tint Color Variation

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

#667266
```
#667266 rgb(102,114,102)
```
#5d7b5e
```
#5d7b5e rgb(93,123,94)
```
#558356
```
#558356 rgb(85,131,86)
```
#4d8b4e
```
#4d8b4e rgb(77,139,78)
```
#449446
```
#449446 rgb(68,148,70)
```
#3c9c3e
```
#3c9c3e rgb(60,156,62)
```
#34a436
```
#34a436 rgb(52,164,54)
```
#2bad2e
```
#2bad2e rgb(43,173,46)
```
#23b526
```
#23b526 rgb(35,181,38)
```
#1bbd1e
```
#1bbd1e rgb(27,189,30)
```
#13c516
```
#13c516 rgb(19,197,22)
```
#0ace0e
```
#0ace0e rgb(10,206,14)
```
#02d607
```
#02d607 rgb(2,214,7)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b746b Atypical Achromatopsia 0.001% of the population

Dichromacy

#897f5a Protanopia 1% of men
#947a63 Deuteranopia 1% of men
#68838d Tritanopia 0.001% of the population

Trichromacy

#768058 Protanomaly 1% of men, 0.01% of women
#7d7d5e Deuteranomaly 6% of men, 0.4% of women
#618379 Tritanomaly 0.01% of the population

#558356 hex color

#558356 Color Information

#558356 Color Conversion

Color Schemes with #558356

Alternatives to #558356

#558356 Preview

Shades and Tints of #558356

Tones of #558356

Color Blindness Simulator