#557b4e hex color

In a RGB color space, hex #557b4e is composed of 33.3% red, 48.2% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 36.6% yellow and 51.8% black. It has a hue angle of 110.7 degrees, a saturation of 22.4% and a lightness of 39.4%. #557b4e color hex could be obtained by blending #aaf69c with #000000. Closest websafe color is: #666666.

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

● #557b4e color description : Mostly desaturated dark lime green.

The hexadecimal color #557b4e has RGB values of R:85, G:123, B:78 and CMYK values of C:0.31, M:0, Y:0.37, K:0.52. Its decimal value is 5602126.

Hex triplet	557b4e	`#557b4e`
RGB Decimal	85, 123, 78	`rgb(85,123,78)`
RGB Percent	33.3, 48.2, 30.6	`rgb(33.3%,48.2%,30.6%)`
CMYK	31, 0, 37, 52
HSL	110.7°, 22.4, 39.4	`hsl(110.7,22.4%,39.4%)`
HSV (or HSB)	110.7°, 36.6, 48.2
Web Safe	666666	`#666666`

CIE-LAB	47.812, -22.806, 20.46
XYZ	12.204, 16.647, 9.777
xyY	0.316, 0.431, 16.647
CIE-LCH	47.812, 30.638, 138.104
CIE-LUV	47.812, -18.787, 28.649
Hunter-Lab	40.801, -18.009, 14.352
Binary	01010101, 01111011, 01001110

#557b4e
```
#557b4e rgb(85,123,78)
```
#744e7b
```
#744e7b rgb(116,78,123)
```

Complementary Color

#6c7b4e
```
#6c7b4e rgb(108,123,78)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#4e7b5e
```
#4e7b5e rgb(78,123,94)
```

Analogous Color

#7b4e6c
```
#7b4e6c rgb(123,78,108)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#5e4e7b
```
#5e4e7b rgb(94,78,123)
```

Split Complementary Color

#7b4e55
```
#7b4e55 rgb(123,78,85)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#4e557b
```
#4e557b rgb(78,85,123)
```

Triadic Color

#7b744e
```
#7b744e rgb(123,116,78)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#4e557b
```
#4e557b rgb(78,85,123)
```
#744e7b
```
#744e7b rgb(116,78,123)
```

Tetradic Color

#354c30
```
#354c30 rgb(53,76,48)
```
#3f5c3a
```
#3f5c3a rgb(63,92,58)
```
#4a6b44
```
#4a6b44 rgb(74,107,68)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#608b58
```
#608b58 rgb(96,139,88)
```
#6b9a62
```
#6b9a62 rgb(107,154,98)
```
#79a571
```
#79a571 rgb(121,165,113)
```

Monochromatic Color

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

#607b4e
```
#607b4e rgb(96,123,78)
```
#5d7b4e
```
#5d7b4e rgb(93,123,78)
```
#597b4e
```
#597b4e rgb(89,123,78)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#517b4e
```
#517b4e rgb(81,123,78)
```
#4e7b4f
```
#4e7b4f rgb(78,123,79)
```
#4e7b52
```
#4e7b52 rgb(78,123,82)
```

Similar Colors

Text with hexadecimal color #557b4e

This text has a font color of #557b4e.

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

#557b4e background color

This paragraph has a background color of #557b4e.

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

#557b4e border color

This element has a border color of #557b4e.

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

CSS codes

.text {color:#557b4e;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0f09
```
#0a0f09 rgb(10,15,9)
```
#131b11
```
#131b11 rgb(19,27,17)
```
#1b2719
```
#1b2719 rgb(27,39,25)
```
#233320
```
#233320 rgb(35,51,32)
```
#2c3f28
```
#2c3f28 rgb(44,63,40)
```
#344b30
```
#344b30 rgb(52,75,48)
```
#3c5737
```
#3c5737 rgb(60,87,55)
```
#44633f
```
#44633f rgb(68,99,63)
```
#4d6f46
```
#4d6f46 rgb(77,111,70)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#5d8756
```
#5d8756 rgb(93,135,86)
```
#66935d
```
#66935d rgb(102,147,93)
```

Shade Color Variation

#6f9e66
```
#6f9e66 rgb(111,158,102)
```
#7aa672
```
#7aa672 rgb(122,166,114)
```
#85ad7e
```
#85ad7e rgb(133,173,126)
```
#91b58a
```
#91b58a rgb(145,181,138)
```
#9cbc96
```
#9cbc96 rgb(156,188,150)
```
#a7c4a2
```
#a7c4a2 rgb(167,196,162)
```
#b3ccae
```
#b3ccae rgb(179,204,174)
```
#bed3ba
```
#bed3ba rgb(190,211,186)
```
#c9dbc6
```
#c9dbc6 rgb(201,219,198)
```
#d5e2d2
```
#d5e2d2 rgb(213,226,210)
```
#e0eade
```
#e0eade rgb(224,234,222)
```
#ebf2ea
```
#ebf2ea rgb(235,242,234)
```
#f6f9f6
```
#f6f9f6 rgb(246,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606c5d is the less saturated color, while #20c801 is the most saturated one.

#606c5d
```
#606c5d rgb(96,108,93)
```
#5a7356
```
#5a7356 rgb(90,115,86)
```
#557b4e
```
#557b4e rgb(85,123,78)
```
#508346
```
#508346 rgb(80,131,70)
```
#4a8a3f
```
#4a8a3f rgb(74,138,63)
```
#459237
```
#459237 rgb(69,146,55)
```
#409a2f
```
#409a2f rgb(64,154,47)
```
#3aa227
```
#3aa227 rgb(58,162,39)
```
#35a920
```
#35a920 rgb(53,169,32)
```
#30b118
```
#30b118 rgb(48,177,24)
```
#2ab910
```
#2ab910 rgb(42,185,16)
```
#25c108
```
#25c108 rgb(37,193,8)
```
#20c801
```
#20c801 rgb(32,200,1)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#676e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827853 Protanopia 1% of men
#8d745b Deuteranopia 1% of men
#677c85 Tritanopia 0.001% of the population

Trichromacy

#717951 Protanomaly 1% of men, 0.01% of women
#797656 Deuteranomaly 6% of men, 0.4% of women
#607b71 Tritanomaly 0.01% of the population

#557b4e hex color

#557b4e Color Information

#557b4e Color Conversion

Color Schemes with #557b4e

Alternatives to #557b4e

#557b4e Preview

Shades and Tints of #557b4e

Tones of #557b4e

Color Blindness Simulator