#557842 hex color

In a RGB color space, hex #557842 is composed of 33.3% red, 47.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 0% magenta, 45% yellow and 52.9% black. It has a hue angle of 98.9 degrees, a saturation of 29% and a lightness of 36.5%. #557842 color hex could be obtained by blending #aaf084 with #000000. Closest websafe color is: #666633.

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

● #557842 color description : Mostly desaturated dark green.

The hexadecimal color #557842 has RGB values of R:85, G:120, B:66 and CMYK values of C:0.29, M:0, Y:0.45, K:0.53. Its decimal value is 5601346.

Hex triplet	557842	`#557842`
RGB Decimal	85, 120, 66	`rgb(85,120,66)`
RGB Percent	33.3, 47.1, 25.9	`rgb(33.3%,47.1%,25.9%)`
CMYK	29, 0, 45, 53
HSL	98.9°, 29, 36.5	`hsl(98.9,29%,36.5%)`
HSV (or HSB)	98.9°, 45, 47.1
Web Safe	666633	`#666633`

CIE-LAB	46.654, -23.152, 25.705
XYZ	11.446, 15.757, 7.592
xyY	0.329, 0.453, 15.757
CIE-LCH	46.654, 34.594, 132.008
CIE-LUV	46.654, -17.369, 33.829
Hunter-Lab	39.695, -17.998, 16.447
Binary	01010101, 01111000, 01000010

#557842
```
#557842 rgb(85,120,66)
```
#654278
```
#654278 rgb(101,66,120)
```

Complementary Color

#707842
```
#707842 rgb(112,120,66)
```
#557842
```
#557842 rgb(85,120,66)
```
#42784a
```
#42784a rgb(66,120,74)
```

Analogous Color

#784270
```
#784270 rgb(120,66,112)
```
#557842
```
#557842 rgb(85,120,66)
```
#4a4278
```
#4a4278 rgb(74,66,120)
```

Split Complementary Color

#784255
```
#784255 rgb(120,66,85)
```
#557842
```
#557842 rgb(85,120,66)
```
#425578
```
#425578 rgb(66,85,120)
```

Triadic Color

#786542
```
#786542 rgb(120,101,66)
```
#557842
```
#557842 rgb(85,120,66)
```
#425578
```
#425578 rgb(66,85,120)
```
#654278
```
#654278 rgb(101,66,120)
```

Tetradic Color

#324727
```
#324727 rgb(50,71,39)
```
#3e5730
```
#3e5730 rgb(62,87,48)
```
#496839
```
#496839 rgb(73,104,57)
```
#557842
```
#557842 rgb(85,120,66)
```
#61884b
```
#61884b rgb(97,136,75)
```
#6c9954
```
#6c9954 rgb(108,153,84)
```
#79a75f
```
#79a75f rgb(121,167,95)
```

Monochromatic Color

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

#637842
```
#637842 rgb(99,120,66)
```
#5e7842
```
#5e7842 rgb(94,120,66)
```
#5a7842
```
#5a7842 rgb(90,120,66)
```
#557842
```
#557842 rgb(85,120,66)
```
#517842
```
#517842 rgb(81,120,66)
```
#4c7842
```
#4c7842 rgb(76,120,66)
```
#487842
```
#487842 rgb(72,120,66)
```

Similar Colors

Text with hexadecimal color #557842

This text has a font color of #557842.

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

#557842 background color

This paragraph has a background color of #557842.

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

#557842 border color

This element has a border color of #557842.

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

CSS codes

.text {color:#557842;}

.background {background-color:#557842;}

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

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

#040603
```
#040603 rgb(4,6,3)
```
#0d130a
```
#0d130a rgb(13,19,10)
```
#161f11
```
#161f11 rgb(22,31,17)
```
#1f2c18
```
#1f2c18 rgb(31,44,24)
```
#28391f
```
#28391f rgb(40,57,31)
```
#314526
```
#314526 rgb(49,69,38)
```
#3a522d
```
#3a522d rgb(58,82,45)
```
#435f34
```
#435f34 rgb(67,95,52)
```
#4c6b3b
```
#4c6b3b rgb(76,107,59)
```
#557842
```
#557842 rgb(85,120,66)
```
#5e8549
```
#5e8549 rgb(94,133,73)
```
#679150
```
#679150 rgb(103,145,80)
```
#709e57
```
#709e57 rgb(112,158,87)
```

Shade Color Variation

#7aa861
```
#7aa861 rgb(122,168,97)
```
#84af6d
```
#84af6d rgb(132,175,109)
```
#8fb67a
```
#8fb67a rgb(143,182,122)
```
#9abd87
```
#9abd87 rgb(154,189,135)
```
#a4c493
```
#a4c493 rgb(164,196,147)
```
#afcba0
```
#afcba0 rgb(175,203,160)
```
#bad2ad
```
#bad2ad rgb(186,210,173)
```
#c4d9b9
```
#c4d9b9 rgb(196,217,185)
```
#cfe0c6
```
#cfe0c6 rgb(207,224,198)
```
#dae7d2
```
#dae7d2 rgb(218,231,210)
```
#e4eddf
```
#e4eddf rgb(228,237,223)
```
#eff4ec
```
#eff4ec rgb(239,244,236)
```
#f9fbf8
```
#f9fbf8 rgb(249,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6357 is the less saturated color, while #42b802 is the most saturated one.

#5b6357
```
#5b6357 rgb(91,99,87)
```
#596a50
```
#596a50 rgb(89,106,80)
```
#577149
```
#577149 rgb(87,113,73)
```
#557842
```
#557842 rgb(85,120,66)
```
#537f3b
```
#537f3b rgb(83,127,59)
```
#518634
```
#518634 rgb(81,134,52)
```
#4f8d2d
```
#4f8d2d rgb(79,141,45)
```
#4d9525
```
#4d9525 rgb(77,149,37)
```
#4a9c1e
```
#4a9c1e rgb(74,156,30)
```
#48a317
```
#48a317 rgb(72,163,23)
```
#46aa10
```
#46aa10 rgb(70,170,16)
```
#44b109
```
#44b109 rgb(68,177,9)
```
#42b802
```
#42b802 rgb(66,184,2)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#636a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807648 Protanopia 1% of men
#8c7150 Deuteranopia 1% of men
#677881 Tritanopia 0.001% of the population

Trichromacy

#707646 Protanomaly 1% of men, 0.01% of women
#78734b Deuteranomaly 6% of men, 0.4% of women
#60786a Tritanomaly 0.01% of the population

#557842 hex color

#557842 Color Information

#557842 Color Conversion

Color Schemes with #557842

Alternatives to #557842

#557842 Preview

Shades and Tints of #557842

Tones of #557842

Color Blindness Simulator