#557345 hex color

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

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

● #557345 color description : Mostly desaturated dark green.

The hexadecimal color #557345 has RGB values of R:85, G:115, B:69 and CMYK values of C:0.26, M:0, Y:0.4, K:0.55. Its decimal value is 5600069.

Hex triplet	557345	`#557345`
RGB Decimal	85, 115, 69	`rgb(85,115,69)`
RGB Percent	33.3, 45.1, 27.1	`rgb(33.3%,45.1%,27.1%)`
CMYK	26, 0, 40, 55
HSL	99.1°, 25, 36.1	`hsl(99.1,25%,36.1%)`
HSV (or HSB)	99.1°, 40, 45.1
Web Safe	666633	`#666633`

CIE-LAB	45.112, -20.116, 22.036
XYZ	10.951, 14.622, 7.875
xyY	0.327, 0.437, 14.622
CIE-LCH	45.112, 29.837, 132.391
CIE-LUV	45.112, -14.851, 29.298
Hunter-Lab	38.239, -15.799, 14.556
Binary	01010101, 01110011, 01000101

#557345
```
#557345 rgb(85,115,69)
```
#634573
```
#634573 rgb(99,69,115)
```

Complementary Color

#6c7345
```
#6c7345 rgb(108,115,69)
```
#557345
```
#557345 rgb(85,115,69)
```
#45734c
```
#45734c rgb(69,115,76)
```

Analogous Color

#73456c
```
#73456c rgb(115,69,108)
```
#557345
```
#557345 rgb(85,115,69)
```
#4c4573
```
#4c4573 rgb(76,69,115)
```

Split Complementary Color

#734555
```
#734555 rgb(115,69,85)
```
#557345
```
#557345 rgb(85,115,69)
```
#455573
```
#455573 rgb(69,85,115)
```

Triadic Color

#736345
```
#736345 rgb(115,99,69)
```
#557345
```
#557345 rgb(85,115,69)
```
#455573
```
#455573 rgb(69,85,115)
```
#634573
```
#634573 rgb(99,69,115)
```

Tetradic Color

#324328
```
#324328 rgb(50,67,40)
```
#3d5332
```
#3d5332 rgb(61,83,50)
```
#49633b
```
#49633b rgb(73,99,59)
```
#557345
```
#557345 rgb(85,115,69)
```
#61834f
```
#61834f rgb(97,131,79)
```
#6d9358
```
#6d9358 rgb(109,147,88)
```
#79a163
```
#79a163 rgb(121,161,99)
```

Monochromatic Color

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

#617345
```
#617345 rgb(97,115,69)
```
#5d7345
```
#5d7345 rgb(93,115,69)
```
#597345
```
#597345 rgb(89,115,69)
```
#557345
```
#557345 rgb(85,115,69)
```
#517345
```
#517345 rgb(81,115,69)
```
#4d7345
```
#4d7345 rgb(77,115,69)
```
#4a7345
```
#4a7345 rgb(74,115,69)
```

Similar Colors

Text with hexadecimal color #557345

This text has a font color of #557345.

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

#557345 background color

This paragraph has a background color of #557345.

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

#557345 border color

This element has a border color of #557345.

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

CSS codes

.text {color:#557345;}

.background {background-color:#557345;}

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

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

#030503
```
#030503 rgb(3,5,3)
```
#0d110a
```
#0d110a rgb(13,17,10)
```
#161d12
```
#161d12 rgb(22,29,18)
```
#1f2919
```
#1f2919 rgb(31,41,25)
```
#283620
```
#283620 rgb(40,54,32)
```
#314228
```
#314228 rgb(49,66,40)
```
#3a4e2f
```
#3a4e2f rgb(58,78,47)
```
#435a36
```
#435a36 rgb(67,90,54)
```
#4c673e
```
#4c673e rgb(76,103,62)
```
#557345
```
#557345 rgb(85,115,69)
```
#5e7f4c
```
#5e7f4c rgb(94,127,76)
```
#678c54
```
#678c54 rgb(103,140,84)
```
#70985b
```
#70985b rgb(112,152,91)
```

Shade Color Variation

#7aa264
```
#7aa264 rgb(122,162,100)
```
#84aa71
```
#84aa71 rgb(132,170,113)
```
#8fb17d
```
#8fb17d rgb(143,177,125)
```
#99b889
```
#99b889 rgb(153,184,137)
```
#a4c095
```
#a4c095 rgb(164,192,149)
```
#afc7a2
```
#afc7a2 rgb(175,199,162)
```
#b9ceae
```
#b9ceae rgb(185,206,174)
```
#c4d6ba
```
#c4d6ba rgb(196,214,186)
```
#ceddc6
```
#ceddc6 rgb(206,221,198)
```
#d9e4d3
```
#d9e4d3 rgb(217,228,211)
```
#e3ecdf
```
#e3ecdf rgb(227,236,223)
```
#eef3eb
```
#eef3eb rgb(238,243,235)
```
#f8faf7
```
#f8faf7 rgb(248,250,247)
```

Tint Color Variation

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

#5b5e5a
```
#5b5e5a rgb(91,94,90)
```
#596553
```
#596553 rgb(89,101,83)
```
#576c4c
```
#576c4c rgb(87,108,76)
```
#557345
```
#557345 rgb(85,115,69)
```
#537a3e
```
#537a3e rgb(83,122,62)
```
#518137
```
#518137 rgb(81,129,55)
```
#4f8830
```
#4f8830 rgb(79,136,48)
```
#4c8f29
```
#4c8f29 rgb(76,143,41)
```
#4a9622
```
#4a9622 rgb(74,150,34)
```
#489d1b
```
#489d1b rgb(72,157,27)
```
#46a513
```
#46a513 rgb(70,165,19)
```
#44ac0c
```
#44ac0c rgb(68,172,12)
```
#42b305
```
#42b305 rgb(66,179,5)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#62685f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c724b Protanopia 1% of men
#876d52 Deuteranopia 1% of men
#66747c Tritanopia 0.001% of the population

Trichromacy

#6d7249 Protanomaly 1% of men, 0.01% of women
#756f4d Deuteranomaly 6% of men, 0.4% of women
#607468 Tritanomaly 0.01% of the population

#557345 hex color

#557345 Color Information

#557345 Color Conversion

Color Schemes with #557345

Alternatives to #557345

#557345 Preview

Shades and Tints of #557345

Tones of #557345

Color Blindness Simulator