#557949 hex color

In a RGB color space, hex #557949 is composed of 33.3% red, 47.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 39.7% yellow and 52.5% black. It has a hue angle of 105 degrees, a saturation of 24.7% and a lightness of 38%. #557949 color hex could be obtained by blending #aaf292 with #000000. Closest websafe color is: #666633.

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

● #557949 color description : Mostly desaturated dark green.

The hexadecimal color #557949 has RGB values of R:85, G:121, B:73 and CMYK values of C:0.3, M:0, Y:0.4, K:0.53. Its decimal value is 5601609.

Hex triplet	557949	`#557949`
RGB Decimal	85, 121, 73	`rgb(85,121,73)`
RGB Percent	33.3, 47.5, 28.6	`rgb(33.3%,47.5%,28.6%)`
CMYK	30, 0, 40, 53
HSL	105°, 24.7, 38	`hsl(105,24.7%,38%)`
HSV (or HSB)	105°, 39.7, 47.5
Web Safe	666633	`#666633`

CIE-LAB	47.088, -22.599, 22.344
XYZ	11.786, 16.087, 8.787
xyY	0.321, 0.439, 16.087
CIE-LCH	47.088, 31.78, 135.326
CIE-LUV	47.088, -17.836, 30.459
Hunter-Lab	40.108, -17.737, 15.086
Binary	01010101, 01111001, 01001001

#557949
```
#557949 rgb(85,121,73)
```
#6d4979
```
#6d4979 rgb(109,73,121)
```

Complementary Color

#6d7949
```
#6d7949 rgb(109,121,73)
```
#557949
```
#557949 rgb(85,121,73)
```
#497955
```
#497955 rgb(73,121,85)
```

Analogous Color

#79496d
```
#79496d rgb(121,73,109)
```
#557949
```
#557949 rgb(85,121,73)
```
#554979
```
#554979 rgb(85,73,121)
```

Split Complementary Color

#794955
```
#794955 rgb(121,73,85)
```
#557949
```
#557949 rgb(85,121,73)
```
#495579
```
#495579 rgb(73,85,121)
```

Triadic Color

#796d49
```
#796d49 rgb(121,109,73)
```
#557949
```
#557949 rgb(85,121,73)
```
#495579
```
#495579 rgb(73,85,121)
```
#6d4979
```
#6d4979 rgb(109,73,121)
```

Tetradic Color

#33492c
```
#33492c rgb(51,73,44)
```
#3f5936
```
#3f5936 rgb(63,89,54)
```
#4a693f
```
#4a693f rgb(74,105,63)
```
#557949
```
#557949 rgb(85,121,73)
```
#608953
```
#608953 rgb(96,137,83)
```
#6b995c
```
#6b995c rgb(107,153,92)
```
#78a56a
```
#78a56a rgb(120,165,106)
```

Monochromatic Color

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

#617949
```
#617949 rgb(97,121,73)
```
#5d7949
```
#5d7949 rgb(93,121,73)
```
#597949
```
#597949 rgb(89,121,73)
```
#557949
```
#557949 rgb(85,121,73)
```
#517949
```
#517949 rgb(81,121,73)
```
#4d7949
```
#4d7949 rgb(77,121,73)
```
#497949
```
#497949 rgb(73,121,73)
```

Similar Colors

Text with hexadecimal color #557949

This text has a font color of #557949.

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

#557949 background color

This paragraph has a background color of #557949.

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

#557949 border color

This element has a border color of #557949.

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

CSS codes

.text {color:#557949;}

.background {background-color:#557949;}

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

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, #080b07 is the darkest color, while #fefefe is the lightest one.

#080b07
```
#080b07 rgb(8,11,7)
```
#10170e
```
#10170e rgb(16,23,14)
```
#192315
```
#192315 rgb(25,35,21)
```
#21301d
```
#21301d rgb(33,48,29)
```
#2a3c24
```
#2a3c24 rgb(42,60,36)
```
#33482b
```
#33482b rgb(51,72,43)
```
#3b5433
```
#3b5433 rgb(59,84,51)
```
#44613a
```
#44613a rgb(68,97,58)
```
#4c6d42
```
#4c6d42 rgb(76,109,66)
```
#557949
```
#557949 rgb(85,121,73)
```
#5e8550
```
#5e8550 rgb(94,133,80)
```
#669158
```
#669158 rgb(102,145,88)
```
#6f9e5f
```
#6f9e5f rgb(111,158,95)
```

Shade Color Variation

#7aa66b
```
#7aa66b rgb(122,166,107)
```
#85ad77
```
#85ad77 rgb(133,173,119)
```
#90b483
```
#90b483 rgb(144,180,131)
```
#9bbc90
```
#9bbc90 rgb(155,188,144)
```
#a6c39c
```
#a6c39c rgb(166,195,156)
```
#b1cba8
```
#b1cba8 rgb(177,203,168)
```
#bcd2b4
```
#bcd2b4 rgb(188,210,180)
```
#c7d9c0
```
#c7d9c0 rgb(199,217,192)
```
#d2e1cd
```
#d2e1cd rgb(210,225,205)
```
#dde8d9
```
#dde8d9 rgb(221,232,217)
```
#e8efe5
```
#e8efe5 rgb(232,239,229)
```
#f3f7f1
```
#f3f7f1 rgb(243,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60635f is the less saturated color, while #33bc06 is the most saturated one.

#60635f
```
#60635f rgb(96,99,95)
```
#5c6a58
```
#5c6a58 rgb(92,106,88)
```
#597250
```
#597250 rgb(89,114,80)
```
#557949
```
#557949 rgb(85,121,73)
```
#518042
```
#518042 rgb(81,128,66)
```
#4e883a
```
#4e883a rgb(78,136,58)
```
#4a8f33
```
#4a8f33 rgb(74,143,51)
```
#46972b
```
#46972b rgb(70,151,43)
```
#429e24
```
#429e24 rgb(66,158,36)
```
#3fa61c
```
#3fa61c rgb(63,166,28)
```
#3bad15
```
#3bad15 rgb(59,173,21)
```
#37b50d
```
#37b50d rgb(55,181,13)
```
#33bc06
```
#33bc06 rgb(51,188,6)
```

Tone Color Variation

Below, you can see how #557949 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
#656c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81774f Protanopia 1% of men
#8c7256 Deuteranopia 1% of men
#677a82 Tritanopia 0.001% of the population

Trichromacy

#71774c Protanomaly 1% of men, 0.01% of women
#787451 Deuteranomaly 6% of men, 0.4% of women
#60796d Tritanomaly 0.01% of the population

#557949 hex color

#557949 Color Information

#557949 Color Conversion

Color Schemes with #557949

Alternatives to #557949

#557949 Preview

Shades and Tints of #557949

Tones of #557949

Color Blindness Simulator