#557756 hex color

In a RGB color space, hex #557756 is composed of 33.3% red, 46.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 27.7% yellow and 53.3% black. It has a hue angle of 121.8 degrees, a saturation of 16.7% and a lightness of 40%. #557756 color hex could be obtained by blending #aaeeac with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 47
- B 34
RGB color chart
- C 29
- M 0
- Y 28
- K 53
CMYK color chart

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

The hexadecimal color #557756 has RGB values of R:85, G:119, B:86 and CMYK values of C:0.29, M:0, Y:0.28, K:0.53. Its decimal value is 5601110.

Hex triplet	557756	`#557756`
RGB Decimal	85, 119, 86	`rgb(85,119,86)`
RGB Percent	33.3, 46.7, 33.7	`rgb(33.3%,46.7%,33.7%)`
CMYK	29, 0, 28, 53
HSL	121.8°, 16.7, 40	`hsl(121.8,16.7%,40%)`
HSV (or HSB)	121.8°, 28.6, 46.7
Web Safe	666666	`#666666`

CIE-LAB	46.706, -19.297, 14.352
XYZ	12.022, 15.796, 11.219
xyY	0.308, 0.405, 15.796
CIE-LCH	46.706, 24.049, 143.361
CIE-LUV	46.706, -16.812, 21.062
Hunter-Lab	39.745, -15.559, 11.085
Binary	01010101, 01110111, 01010110

#557756
```
#557756 rgb(85,119,86)
```
#775576
```
#775576 rgb(119,85,118)
```

Complementary Color

#657755
```
#657755 rgb(101,119,85)
```
#557756
```
#557756 rgb(85,119,86)
```
#557767
```
#557767 rgb(85,119,103)
```

Analogous Color

#775565
```
#775565 rgb(119,85,101)
```
#557756
```
#557756 rgb(85,119,86)
```
#675577
```
#675577 rgb(103,85,119)
```

Split Complementary Color

#775655
```
#775655 rgb(119,86,85)
```
#557756
```
#557756 rgb(85,119,86)
```
#565577
```
#565577 rgb(86,85,119)
```

Triadic Color

#767755
```
#767755 rgb(118,119,85)
```
#557756
```
#557756 rgb(85,119,86)
```
#565577
```
#565577 rgb(86,85,119)
```
#775576
```
#775576 rgb(119,85,118)
```

Tetradic Color

#354a36
```
#354a36 rgb(53,74,54)
```
#405941
```
#405941 rgb(64,89,65)
```
#4a684b
```
#4a684b rgb(74,104,75)
```
#557756
```
#557756 rgb(85,119,86)
```
#608661
```
#608661 rgb(96,134,97)
```
#6a956c
```
#6a956c rgb(106,149,108)
```
#799f7a
```
#799f7a rgb(121,159,122)
```

Monochromatic Color

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

#5d7755
```
#5d7755 rgb(93,119,85)
```
#5a7755
```
#5a7755 rgb(90,119,85)
```
#577755
```
#577755 rgb(87,119,85)
```
#557756
```
#557756 rgb(85,119,86)
```
#557759
```
#557759 rgb(85,119,89)
```
#55775c
```
#55775c rgb(85,119,92)
```
#55775f
```
#55775f rgb(85,119,95)
```

Similar Colors

Text with hexadecimal color #557756

This text has a font color of #557756.

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

#557756 background color

This paragraph has a background color of #557756.

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

#557756 border color

This element has a border color of #557756.

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

CSS codes

.text {color:#557756;}

.background {background-color:#557756;}

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

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

#030503
```
#030503 rgb(3,5,3)
```
#0b100c
```
#0b100c rgb(11,16,12)
```
#141b14
```
#141b14 rgb(20,27,20)
```
#1c271c
```
#1c271c rgb(28,39,28)
```
#243224
```
#243224 rgb(36,50,36)
```
#2c3e2d
```
#2c3e2d rgb(44,62,45)
```
#344935
```
#344935 rgb(52,73,53)
```
#3c553d
```
#3c553d rgb(60,85,61)
```
#456045
```
#456045 rgb(69,96,69)
```
#4d6c4e
```
#4d6c4e rgb(77,108,78)
```
#557756
```
#557756 rgb(85,119,86)
```
#5d825e
```
#5d825e rgb(93,130,94)
```
#658e67
```
#658e67 rgb(101,142,103)
```

Shade Color Variation

#6f9870
```
#6f9870 rgb(111,152,112)
```
#7aa07b
```
#7aa07b rgb(122,160,123)
```
#86a887
```
#86a887 rgb(134,168,135)
```
#91b192
```
#91b192 rgb(145,177,146)
```
#9db99d
```
#9db99d rgb(157,185,157)
```
#a8c1a9
```
#a8c1a9 rgb(168,193,169)
```
#b3c9b4
```
#b3c9b4 rgb(179,201,180)
```
#bfd1bf
```
#bfd1bf rgb(191,209,191)
```
#cad9cb
```
#cad9cb rgb(202,217,203)
```
#d6e2d6
```
#d6e2d6 rgb(214,226,214)
```
#e1eae2
```
#e1eae2 rgb(225,234,226)
```
#edf2ed
```
#edf2ed rgb(237,242,237)
```
#f8faf8
```
#f8faf8 rgb(248,250,248)
```

Tint Color Variation

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

#656765
```
#656765 rgb(101,103,101)
```
#5d6f5d
```
#5d6f5d rgb(93,111,93)
```
#557756
```
#557756 rgb(85,119,86)
```
#4d7f4f
```
#4d7f4f rgb(77,127,79)
```
#458747
```
#458747 rgb(69,135,71)
```
#3d8f40
```
#3d8f40 rgb(61,143,64)
```
#369638
```
#369638 rgb(54,150,56)
```
#2e9e31
```
#2e9e31 rgb(46,158,49)
```
#26a62a
```
#26a62a rgb(38,166,42)
```
#1eae22
```
#1eae22 rgb(30,174,34)
```
#16b61b
```
#16b61b rgb(22,182,27)
```
#0ebe14
```
#0ebe14 rgb(14,190,20)
```
#07c50c
```
#07c50c rgb(7,197,12)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e765b Protanopia 1% of men
#887162 Deuteranopia 1% of men
#657982 Tritanopia 0.001% of the population

Trichromacy

#6f7659 Protanomaly 1% of men, 0.01% of women
#75735e Deuteranomaly 6% of men, 0.4% of women
#5f7872 Tritanomaly 0.01% of the population

#557756 hex color

#557756 Color Information

#557756 Color Conversion

Color Schemes with #557756

Alternatives to #557756

#557756 Preview

Shades and Tints of #557756

Tones of #557756

Color Blindness Simulator