#557e3b hex color

In a RGB color space, hex #557e3b is composed of 33.3% red, 49.4% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 0% magenta, 53.2% yellow and 50.6% black. It has a hue angle of 96.7 degrees, a saturation of 36.2% and a lightness of 36.3%. #557e3b color hex could be obtained by blending #aafc76 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 49
- B 23
RGB color chart
- C 33
- M 0
- Y 53
- K 51
CMYK color chart

● #557e3b color description : Dark moderate green.

The hexadecimal color #557e3b has RGB values of R:85, G:126, B:59 and CMYK values of C:0.33, M:0, Y:0.53, K:0.51. Its decimal value is 5602875.

Hex triplet	557e3b	`#557e3b`
RGB Decimal	85, 126, 59	`rgb(85,126,59)`
RGB Percent	33.3, 49.4, 23.1	`rgb(33.3%,49.4%,23.1%)`
CMYK	33, 0, 53, 51
HSL	96.7°, 36.2, 36.3	`hsl(96.7,36.2%,36.3%)`
HSV (or HSB)	96.7°, 53.2, 49.4
Web Safe	666633	`#666633`

CIE-LAB	48.471, -27.088, 31.733
XYZ	11.996, 17.168, 6.819
xyY	0.333, 0.477, 17.168
CIE-LCH	48.471, 41.722, 130.484
CIE-LUV	48.471, -20.393, 40.652
Hunter-Lab	41.435, -20.831, 19.247
Binary	01010101, 01111110, 00111011

#557e3b
```
#557e3b rgb(85,126,59)
```
#643b7e
```
#643b7e rgb(100,59,126)
```

Complementary Color

#777e3b
```
#777e3b rgb(119,126,59)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#3b7e43
```
#3b7e43 rgb(59,126,67)
```

Analogous Color

#7e3b77
```
#7e3b77 rgb(126,59,119)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#433b7e
```
#433b7e rgb(67,59,126)
```

Split Complementary Color

#7e3b55
```
#7e3b55 rgb(126,59,85)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#3b557e
```
#3b557e rgb(59,85,126)
```

Triadic Color

#7e643b
```
#7e643b rgb(126,100,59)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#3b557e
```
#3b557e rgb(59,85,126)
```
#643b7e
```
#643b7e rgb(100,59,126)
```

Tetradic Color

#324a23
```
#324a23 rgb(50,74,35)
```
#3e5b2b
```
#3e5b2b rgb(62,91,43)
```
#496d33
```
#496d33 rgb(73,109,51)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#618f43
```
#618f43 rgb(97,143,67)
```
#6ca14b
```
#6ca14b rgb(108,161,75)
```
#79b056
```
#79b056 rgb(121,176,86)
```

Monochromatic Color

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

#667e3b
```
#667e3b rgb(102,126,59)
```
#607e3b
```
#607e3b rgb(96,126,59)
```
#5b7e3b
```
#5b7e3b rgb(91,126,59)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#4f7e3b
```
#4f7e3b rgb(79,126,59)
```
#4a7e3b
```
#4a7e3b rgb(74,126,59)
```
#447e3b
```
#447e3b rgb(68,126,59)
```

Similar Colors

Text with hexadecimal color #557e3b

This text has a font color of #557e3b.

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

#557e3b background color

This paragraph has a background color of #557e3b.

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

#557e3b border color

This element has a border color of #557e3b.

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

CSS codes

.text {color:#557e3b;}

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

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

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

#040603
```
#040603 rgb(4,6,3)
```
#0d1309
```
#0d1309 rgb(13,19,9)
```
#16200f
```
#16200f rgb(22,32,15)
```
#1f2e15
```
#1f2e15 rgb(31,46,21)
```
#283b1c
```
#283b1c rgb(40,59,28)
```
#314922
```
#314922 rgb(49,73,34)
```
#3a5628
```
#3a5628 rgb(58,86,40)
```
#43632e
```
#43632e rgb(67,99,46)
```
#4c7135
```
#4c7135 rgb(76,113,53)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#5e8b41
```
#5e8b41 rgb(94,139,65)
```
#679948
```
#679948 rgb(103,153,72)
```
#70a64e
```
#70a64e rgb(112,166,78)
```

Shade Color Variation

#7ab057
```
#7ab057 rgb(122,176,87)
```
#84b764
```
#84b764 rgb(132,183,100)
```
#8fbd72
```
#8fbd72 rgb(143,189,114)
```
#9ac37f
```
#9ac37f rgb(154,195,127)
```
#a4c98d
```
#a4c98d rgb(164,201,141)
```
#afd09a
```
#afd09a rgb(175,208,154)
```
#b9d6a7
```
#b9d6a7 rgb(185,214,167)
```
#c4dcb5
```
#c4dcb5 rgb(196,220,181)
```
#cfe2c2
```
#cfe2c2 rgb(207,226,194)
```
#d9e9cf
```
#d9e9cf rgb(217,233,207)
```
#e4efdd
```
#e4efdd rgb(228,239,221)
```
#eef5ea
```
#eef5ea rgb(238,245,234)
```
#f9fbf7
```
#f9fbf7 rgb(249,251,247)
```

Tint Color Variation

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

#5b6257
```
#5b6257 rgb(91,98,87)
```
#5a6950
```
#5a6950 rgb(90,105,80)
```
#587049
```
#587049 rgb(88,112,73)
```
#577742
```
#577742 rgb(87,119,66)
```
#557e3b
```
#557e3b rgb(85,126,59)
```
#538534
```
#538534 rgb(83,133,52)
```
#528c2d
```
#528c2d rgb(82,140,45)
```
#509326
```
#509326 rgb(80,147,38)
```
#4f9a1f
```
#4f9a1f rgb(79,154,31)
```
#4da217
```
#4da217 rgb(77,162,23)
```
#4ba910
```
#4ba910 rgb(75,169,16)
```
#4ab009
```
#4ab009 rgb(74,176,9)
```
#48b702
```
#48b702 rgb(72,183,2)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a41 Protanopia 1% of men
#93754a Deuteranopia 1% of men
#697d86 Tritanopia 0.001% of the population

Trichromacy

#747b3f Protanomaly 1% of men, 0.01% of women
#7c7844 Deuteranomaly 6% of men, 0.4% of women
#627d6b Tritanomaly 0.01% of the population

#557e3b hex color

#557e3b Color Information

#557e3b Color Conversion

Color Schemes with #557e3b

Alternatives to #557e3b

#557e3b Preview

Shades and Tints of #557e3b

Tones of #557e3b

Color Blindness Simulator