#557b40 hex color

In a RGB color space, hex #557b40 is composed of 33.3% red, 48.2% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 48% yellow and 51.8% black. It has a hue angle of 98.6 degrees, a saturation of 31.6% and a lightness of 36.7%. #557b40 color hex could be obtained by blending #aaf680 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 48
- B 25
RGB color chart
- C 31
- M 0
- Y 48
- K 52
CMYK color chart

● #557b40 color description : Dark moderate green.

The hexadecimal color #557b40 has RGB values of R:85, G:123, B:64 and CMYK values of C:0.31, M:0, Y:0.48, K:0.52. Its decimal value is 5602112.

Hex triplet	557b40	`#557b40`
RGB Decimal	85, 123, 64	`rgb(85,123,64)`
RGB Percent	33.3, 48.2, 25.1	`rgb(33.3%,48.2%,25.1%)`
CMYK	31, 0, 48, 52
HSL	98.6°, 31.6, 36.7	`hsl(98.6,31.6%,36.7%)`
HSV (or HSB)	98.6°, 48, 48.2
Web Safe	666633	`#666633`

CIE-LAB	47.581, -24.948, 27.97
XYZ	11.754, 16.467, 7.409
xyY	0.33, 0.462, 16.467
CIE-LCH	47.581, 37.48, 131.731
CIE-LUV	47.581, -18.873, 36.557
Hunter-Lab	40.58, -19.31, 17.58
Binary	01010101, 01111011, 01000000

#557b40
```
#557b40 rgb(85,123,64)
```
#66407b
```
#66407b rgb(102,64,123)
```

Complementary Color

#737b40
```
#737b40 rgb(115,123,64)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#407b49
```
#407b49 rgb(64,123,73)
```

Analogous Color

#7b4073
```
#7b4073 rgb(123,64,115)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#49407b
```
#49407b rgb(73,64,123)
```

Split Complementary Color

#7b4055
```
#7b4055 rgb(123,64,85)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#40557b
```
#40557b rgb(64,85,123)
```

Triadic Color

#7b6640
```
#7b6640 rgb(123,102,64)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#40557b
```
#40557b rgb(64,85,123)
```
#66407b
```
#66407b rgb(102,64,123)
```

Tetradic Color

#324926
```
#324926 rgb(50,73,38)
```
#3e592f
```
#3e592f rgb(62,89,47)
```
#496a37
```
#496a37 rgb(73,106,55)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#618c49
```
#618c49 rgb(97,140,73)
```
#6c9d51
```
#6c9d51 rgb(108,157,81)
```
#79ab5d
```
#79ab5d rgb(121,171,93)
```

Monochromatic Color

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

#647b40
```
#647b40 rgb(100,123,64)
```
#5f7b40
```
#5f7b40 rgb(95,123,64)
```
#5a7b40
```
#5a7b40 rgb(90,123,64)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#507b40
```
#507b40 rgb(80,123,64)
```
#4b7b40
```
#4b7b40 rgb(75,123,64)
```
#467b40
```
#467b40 rgb(70,123,64)
```

Similar Colors

Text with hexadecimal color #557b40

This text has a font color of #557b40.

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

#557b40 background color

This paragraph has a background color of #557b40.

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

#557b40 border color

This element has a border color of #557b40.

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

CSS codes

.text {color:#557b40;}

.background {background-color:#557b40;}

.border {border:1px solid #557b40;}

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

#050704
```
#050704 rgb(5,7,4)
```
#0e140a
```
#0e140a rgb(14,20,10)
```
#172111
```
#172111 rgb(23,33,17)
```
#202e18
```
#202e18 rgb(32,46,24)
```
#283a1e
```
#283a1e rgb(40,58,30)
```
#314725
```
#314725 rgb(49,71,37)
```
#3a542c
```
#3a542c rgb(58,84,44)
```
#436133
```
#436133 rgb(67,97,51)
```
#4c6e39
```
#4c6e39 rgb(76,110,57)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#5e8847
```
#5e8847 rgb(94,136,71)
```
#67954d
```
#67954d rgb(103,149,77)
```
#70a254
```
#70a254 rgb(112,162,84)
```

Shade Color Variation

#7aab5e
```
#7aab5e rgb(122,171,94)
```
#84b26b
```
#84b26b rgb(132,178,107)
```
#8fb978
```
#8fb978 rgb(143,185,120)
```
#9abf85
```
#9abf85 rgb(154,191,133)
```
#a4c692
```
#a4c692 rgb(164,198,146)
```
#afcd9f
```
#afcd9f rgb(175,205,159)
```
#bad4ac
```
#bad4ac rgb(186,212,172)
```
#c5dab8
```
#c5dab8 rgb(197,218,184)
```
#cfe1c5
```
#cfe1c5 rgb(207,225,197)
```
#dae8d2
```
#dae8d2 rgb(218,232,210)
```
#e5eedf
```
#e5eedf rgb(229,238,223)
```
#eff5ec
```
#eff5ec rgb(239,245,236)
```
#fafcf9
```
#fafcf9 rgb(250,252,249)
```

Tint Color Variation

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

#5d5e5d
```
#5d5e5d rgb(93,94,93)
```
#5b6556
```
#5b6556 rgb(91,101,86)
```
#596d4e
```
#596d4e rgb(89,109,78)
```
#577447
```
#577447 rgb(87,116,71)
```
#557b40
```
#557b40 rgb(85,123,64)
```
#538239
```
#538239 rgb(83,130,57)
```
#518932
```
#518932 rgb(81,137,50)
```
#4f912a
```
#4f912a rgb(79,145,42)
```
#4d9823
```
#4d9823 rgb(77,152,35)
```
#4b9f1c
```
#4b9f1c rgb(75,159,28)
```
#49a615
```
#49a615 rgb(73,166,21)
```
#46ad0e
```
#46ad0e rgb(70,173,14)
```
#44b506
```
#44b506 rgb(68,181,6)
```

Tone Color Variation

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

Dichromacy

#837846 Protanopia 1% of men
#8f734e Deuteranopia 1% of men
#687b84 Tritanopia 0.001% of the population

Trichromacy

#727944 Protanomaly 1% of men, 0.01% of women
#7a7649 Deuteranomaly 6% of men, 0.4% of women
#617b6b Tritanomaly 0.01% of the population

#557b40 hex color

#557b40 Color Information

#557b40 Color Conversion

Color Schemes with #557b40

Alternatives to #557b40

#557b40 Preview

Shades and Tints of #557b40

Tones of #557b40

Color Blindness Simulator