#558256 hex color

In a RGB color space, hex #558256 is composed of 33.3% red, 51% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 33.8% yellow and 49% black. It has a hue angle of 121.3 degrees, a saturation of 20.9% and a lightness of 42.2%. #558256 color hex could be obtained by blending #aaffac with #000500. 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

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

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

Hex triplet	558256	`#558256`
RGB Decimal	85, 130, 86	`rgb(85,130,86)`
RGB Percent	33.3, 51, 33.7	`rgb(33.3%,51%,33.7%)`
CMYK	35, 0, 34, 49
HSL	121.3°, 20.9, 42.2	`hsl(121.3,20.9%,42.2%)`
HSV (or HSB)	121.3°, 34.6, 51
Web Safe	669966	`#669966`

CIE-LAB	50.178, -24.966, 19.067
XYZ	13.408, 18.568, 11.681
xyY	0.307, 0.425, 18.568
CIE-LCH	50.178, 31.414, 142.63
CIE-LUV	50.178, -22.056, 27.889
Hunter-Lab	43.09, -19.866, 14.091
Binary	01010101, 10000010, 01010110

#558256
```
#558256 rgb(85,130,86)
```
#825581
```
#825581 rgb(130,85,129)
```

Complementary Color

#6b8255
```
#6b8255 rgb(107,130,85)
```
#558256
```
#558256 rgb(85,130,86)
```
#55826d
```
#55826d rgb(85,130,109)
```

Analogous Color

#82556b
```
#82556b rgb(130,85,107)
```
#558256
```
#558256 rgb(85,130,86)
```
#6d5582
```
#6d5582 rgb(109,85,130)
```

Split Complementary Color

#825655
```
#825655 rgb(130,86,85)
```
#558256
```
#558256 rgb(85,130,86)
```
#565582
```
#565582 rgb(86,85,130)
```

Triadic Color

#818255
```
#818255 rgb(129,130,85)
```
#558256
```
#558256 rgb(85,130,86)
```
#565582
```
#565582 rgb(86,85,130)
```
#825581
```
#825581 rgb(130,85,129)
```

Tetradic Color

#375437
```
#375437 rgb(55,84,55)
```
#416342
```
#416342 rgb(65,99,66)
```
#4b734c
```
#4b734c rgb(75,115,76)
```
#558256
```
#558256 rgb(85,130,86)
```
#5f9160
```
#5f9160 rgb(95,145,96)
```
#6b9f6d
```
#6b9f6d rgb(107,159,109)
```
#7ba97c
```
#7ba97c rgb(123,169,124)
```

Monochromatic Color

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

#5f8255
```
#5f8255 rgb(95,130,85)
```
#5c8255
```
#5c8255 rgb(92,130,85)
```
#588255
```
#588255 rgb(88,130,85)
```
#558256
```
#558256 rgb(85,130,86)
```
#55825a
```
#55825a rgb(85,130,90)
```
#55825e
```
#55825e rgb(85,130,94)
```
#558261
```
#558261 rgb(85,130,97)
```

Similar Colors

Text with hexadecimal color #558256

This text has a font color of #558256.

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

#558256 background color

This paragraph has a background color of #558256.

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

#558256 border color

This element has a border color of #558256.

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

CSS codes

.text {color:#558256;}

.background {background-color:#558256;}

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

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, #070b08 is the darkest color, while #ffffff is the lightest one.

#070b08
```
#070b08 rgb(7,11,8)
```
#0f170f
```
#0f170f rgb(15,23,15)
```
#172317
```
#172317 rgb(23,35,23)
```
#1f2f1f
```
#1f2f1f rgb(31,47,31)
```
#263b27
```
#263b27 rgb(38,59,39)
```
#2e472f
```
#2e472f rgb(46,71,47)
```
#365337
```
#365337 rgb(54,83,55)
```
#3e5e3e
```
#3e5e3e rgb(62,94,62)
```
#456a46
```
#456a46 rgb(69,106,70)
```
#4d764e
```
#4d764e rgb(77,118,78)
```
#558256
```
#558256 rgb(85,130,86)
```
#5d8e5e
```
#5d8e5e rgb(93,142,94)
```
#659a66
```
#659a66 rgb(101,154,102)
```

Shade Color Variation

#70a271
```
#70a271 rgb(112,162,113)
```
#7ca97d
```
#7ca97d rgb(124,169,125)
```
#88b189
```
#88b189 rgb(136,177,137)
```
#94b995
```
#94b995 rgb(148,185,149)
```
#a0c1a0
```
#a0c1a0 rgb(160,193,160)
```
#acc8ac
```
#acc8ac rgb(172,200,172)
```
#b7d0b8
```
#b7d0b8 rgb(183,208,184)
```
#c3d8c4
```
#c3d8c4 rgb(195,216,196)
```
#cfe0cf
```
#cfe0cf rgb(207,224,207)
```
#dbe7db
```
#dbe7db rgb(219,231,219)
```
#e7efe7
```
#e7efe7 rgb(231,239,231)
```
#f3f7f3
```
#f3f7f3 rgb(243,247,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#667166
```
#667166 rgb(102,113,102)
```
#5d7a5e
```
#5d7a5e rgb(93,122,94)
```
#558256
```
#558256 rgb(85,130,86)
```
#4d8a4e
```
#4d8a4e rgb(77,138,78)
```
#449346
```
#449346 rgb(68,147,70)
```
#3c9b3e
```
#3c9b3e rgb(60,155,62)
```
#34a336
```
#34a336 rgb(52,163,54)
```
#2cab2e
```
#2cab2e rgb(44,171,46)
```
#23b427
```
#23b427 rgb(35,180,39)
```
#1bbc1f
```
#1bbc1f rgb(27,188,31)
```
#13c417
```
#13c417 rgb(19,196,23)
```
#0bcc0f
```
#0bcc0f rgb(11,204,15)
```
#02d507
```
#02d507 rgb(2,213,7)
```

Tone Color Variation

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

#887e5a Protanopia 1% of men
#937963 Deuteranopia 1% of men
#68828c Tritanopia 0.001% of the population

Trichromacy

#757f58 Protanomaly 1% of men, 0.01% of women
#7c7c5e Deuteranomaly 6% of men, 0.4% of women
#618278 Tritanomaly 0.01% of the population

#558256 hex color

#558256 Color Information

#558256 Color Conversion

Color Schemes with #558256

Alternatives to #558256

#558256 Preview

Shades and Tints of #558256

Tones of #558256

Color Blindness Simulator