#557342 hex color

In a RGB color space, hex #557342 is composed of 33.3% red, 45.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 0% magenta, 42.6% yellow and 54.9% black. It has a hue angle of 96.7 degrees, a saturation of 27.1% and a lightness of 35.5%. #557342 color hex could be obtained by blending #aae684 with #000000. Closest websafe color is: #666633.

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

● #557342 color description : Mostly desaturated dark green.

The hexadecimal color #557342 has RGB values of R:85, G:115, B:66 and CMYK values of C:0.26, M:0, Y:0.43, K:0.55. Its decimal value is 5600066.

Hex triplet	557342	`#557342`
RGB Decimal	85, 115, 66	`rgb(85,115,66)`
RGB Percent	33.3, 45.1, 25.9	`rgb(33.3%,45.1%,25.9%)`
CMYK	26, 0, 43, 55
HSL	96.7°, 27.1, 35.5	`hsl(96.7,27.1%,35.5%)`
HSV (or HSB)	96.7°, 42.6, 45.1
Web Safe	666633	`#666633`

CIE-LAB	45.062, -20.572, 23.671
XYZ	10.86, 14.586, 7.397
xyY	0.331, 0.444, 14.586
CIE-LCH	45.062, 31.361, 130.993
CIE-LUV	45.062, -14.848, 31
Hunter-Lab	38.191, -16.077, 15.25
Binary	01010101, 01110011, 01000010

#557342
```
#557342 rgb(85,115,66)
```
#604273
```
#604273 rgb(96,66,115)
```

Complementary Color

#6e7342
```
#6e7342 rgb(110,115,66)
```
#557342
```
#557342 rgb(85,115,66)
```
#427348
```
#427348 rgb(66,115,72)
```

Analogous Color

#73426e
```
#73426e rgb(115,66,110)
```
#557342
```
#557342 rgb(85,115,66)
```
#484273
```
#484273 rgb(72,66,115)
```

Split Complementary Color

#734255
```
#734255 rgb(115,66,85)
```
#557342
```
#557342 rgb(85,115,66)
```
#425573
```
#425573 rgb(66,85,115)
```

Triadic Color

#736042
```
#736042 rgb(115,96,66)
```
#557342
```
#557342 rgb(85,115,66)
```
#425573
```
#425573 rgb(66,85,115)
```
#604273
```
#604273 rgb(96,66,115)
```

Tetradic Color

#314226
```
#314226 rgb(49,66,38)
```
#3d532f
```
#3d532f rgb(61,83,47)
```
#496339
```
#496339 rgb(73,99,57)
```
#557342
```
#557342 rgb(85,115,66)
```
#61834b
```
#61834b rgb(97,131,75)
```
#6d9355
```
#6d9355 rgb(109,147,85)
```
#79a35f
```
#79a35f rgb(121,163,95)
```

Monochromatic Color

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

#617342
```
#617342 rgb(97,115,66)
```
#5d7342
```
#5d7342 rgb(93,115,66)
```
#597342
```
#597342 rgb(89,115,66)
```
#557342
```
#557342 rgb(85,115,66)
```
#517342
```
#517342 rgb(81,115,66)
```
#4d7342
```
#4d7342 rgb(77,115,66)
```
#497342
```
#497342 rgb(73,115,66)
```

Similar Colors

Text with hexadecimal color #557342

This text has a font color of #557342.

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

#557342 background color

This paragraph has a background color of #557342.

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

#557342 border color

This element has a border color of #557342.

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

CSS codes

.text {color:#557342;}

.background {background-color:#557342;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0b0f09
```
#0b0f09 rgb(11,15,9)
```
#151c10
```
#151c10 rgb(21,28,16)
```
#1e2817
```
#1e2817 rgb(30,40,23)
```
#27351e
```
#27351e rgb(39,53,30)
```
#304125
```
#304125 rgb(48,65,37)
```
#394e2d
```
#394e2d rgb(57,78,45)
```
#435a34
```
#435a34 rgb(67,90,52)
```
#4c673b
```
#4c673b rgb(76,103,59)
```
#557342
```
#557342 rgb(85,115,66)
```
#5e7f49
```
#5e7f49 rgb(94,127,73)
```
#678c50
```
#678c50 rgb(103,140,80)
```
#719857
```
#719857 rgb(113,152,87)
```

Shade Color Variation

#7aa460
```
#7aa460 rgb(122,164,96)
```
#85ab6c
```
#85ab6c rgb(133,171,108)
```
#8fb279
```
#8fb279 rgb(143,178,121)
```
#99b985
```
#99b985 rgb(153,185,133)
```
#a4c092
```
#a4c092 rgb(164,192,146)
```
#aec79e
```
#aec79e rgb(174,199,158)
```
#b9cfab
```
#b9cfab rgb(185,207,171)
```
#c3d6b7
```
#c3d6b7 rgb(195,214,183)
```
#cdddc4
```
#cdddc4 rgb(205,221,196)
```
#d8e4d0
```
#d8e4d0 rgb(216,228,208)
```
#e2ebdc
```
#e2ebdc rgb(226,235,220)
```
#edf2e9
```
#edf2e9 rgb(237,242,233)
```
#f7f9f5
```
#f7f9f5 rgb(247,249,245)
```

Tint Color Variation

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

#5a5e57
```
#5a5e57 rgb(90,94,87)
```
#586550
```
#586550 rgb(88,101,80)
```
#576c49
```
#576c49 rgb(87,108,73)
```
#557342
```
#557342 rgb(85,115,66)
```
#537a3b
```
#537a3b rgb(83,122,59)
```
#528134
```
#528134 rgb(82,129,52)
```
#50882d
```
#50882d rgb(80,136,45)
```
#4f8f26
```
#4f8f26 rgb(79,143,38)
```
#4d961f
```
#4d961f rgb(77,150,31)
```
#4c9d18
```
#4c9d18 rgb(76,157,24)
```
#4aa411
```
#4aa411 rgb(74,164,17)
```
#48ab0a
```
#48ab0a rgb(72,171,10)
```
#47b203
```
#47b203 rgb(71,178,3)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#61675d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7248 Protanopia 1% of men
#876d4f Deuteranopia 1% of men
#66747c Tritanopia 0.001% of the population

Trichromacy

#6e7246 Protanomaly 1% of men, 0.01% of women
#756f4a Deuteranomaly 6% of men, 0.4% of women
#607367 Tritanomaly 0.01% of the population

#557342 hex color

#557342 Color Information

#557342 Color Conversion

Color Schemes with #557342

Alternatives to #557342

#557342 Preview

Shades and Tints of #557342

Tones of #557342

Color Blindness Simulator