#557d4c hex color

In a RGB color space, hex #557d4c is composed of 33.3% red, 49% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 0% magenta, 39.2% yellow and 51% black. It has a hue angle of 109 degrees, a saturation of 24.4% and a lightness of 39.4%. #557d4c color hex could be obtained by blending #aafa98 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #557d4c has RGB values of R:85, G:125, B:76 and CMYK values of C:0.32, M:0, Y:0.39, K:0.51. Its decimal value is 5602636.

Hex triplet	557d4c	`#557d4c`
RGB Decimal	85, 125, 76	`rgb(85,125,76)`
RGB Percent	33.3, 49, 29.8	`rgb(33.3%,49%,29.8%)`
CMYK	32, 0, 39, 51
HSL	109°, 24.4, 39.4	`hsl(109,24.4%,39.4%)`
HSV (or HSB)	109°, 39.2, 49
Web Safe	666633	`#666633`

CIE-LAB	48.411, -24.152, 22.381
XYZ	12.384, 17.12, 9.489
xyY	0.318, 0.439, 17.12
CIE-LCH	48.411, 32.928, 137.179
CIE-LUV	48.411, -19.771, 31.037
Hunter-Lab	41.376, -18.983, 15.366
Binary	01010101, 01111101, 01001100

#557d4c
```
#557d4c rgb(85,125,76)
```
#744c7d
```
#744c7d rgb(116,76,125)
```

Complementary Color

#6e7d4c
```
#6e7d4c rgb(110,125,76)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#4c7d5c
```
#4c7d5c rgb(76,125,92)
```

Analogous Color

#7d4c6e
```
#7d4c6e rgb(125,76,110)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#5c4c7d
```
#5c4c7d rgb(92,76,125)
```

Split Complementary Color

#7d4c55
```
#7d4c55 rgb(125,76,85)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#4c557d
```
#4c557d rgb(76,85,125)
```

Triadic Color

#7d744c
```
#7d744c rgb(125,116,76)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#4c557d
```
#4c557d rgb(76,85,125)
```
#744c7d
```
#744c7d rgb(116,76,125)
```

Tetradic Color

#354d2f
```
#354d2f rgb(53,77,47)
```
#3f5d39
```
#3f5d39 rgb(63,93,57)
```
#4a6d42
```
#4a6d42 rgb(74,109,66)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#608d56
```
#608d56 rgb(96,141,86)
```
#6b9d5f
```
#6b9d5f rgb(107,157,95)
```
#79a76e
```
#79a76e rgb(121,167,110)
```

Monochromatic Color

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

#617d4c
```
#617d4c rgb(97,125,76)
```
#5d7d4c
```
#5d7d4c rgb(93,125,76)
```
#597d4c
```
#597d4c rgb(89,125,76)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#517d4c
```
#517d4c rgb(81,125,76)
```
#4d7d4c
```
#4d7d4c rgb(77,125,76)
```
#4c7d4f
```
#4c7d4f rgb(76,125,79)
```

Similar Colors

Text with hexadecimal color #557d4c

This text has a font color of #557d4c.

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

#557d4c background color

This paragraph has a background color of #557d4c.

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

#557d4c border color

This element has a border color of #557d4c.

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

CSS codes

.text {color:#557d4c;}

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

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

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)
```
#1b2818
```
#1b2818 rgb(27,40,24)
```
#23341f
```
#23341f rgb(35,52,31)
```
#2c4027
```
#2c4027 rgb(44,64,39)
```
#344c2e
```
#344c2e rgb(52,76,46)
```
#3c5836
```
#3c5836 rgb(60,88,54)
```
#44653d
```
#44653d rgb(68,101,61)
```
#4d7145
```
#4d7145 rgb(77,113,69)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#5d8953
```
#5d8953 rgb(93,137,83)
```
#66955b
```
#66955b rgb(102,149,91)
```

Shade Color Variation

#6fa063
```
#6fa063 rgb(111,160,99)
```
#7aa870
```
#7aa870 rgb(122,168,112)
```
#85af7c
```
#85af7c rgb(133,175,124)
```
#91b788
```
#91b788 rgb(145,183,136)
```
#9cbe94
```
#9cbe94 rgb(156,190,148)
```
#a7c5a0
```
#a7c5a0 rgb(167,197,160)
```
#b3cdad
```
#b3cdad rgb(179,205,173)
```
#bed4b9
```
#bed4b9 rgb(190,212,185)
```
#c9dcc5
```
#c9dcc5 rgb(201,220,197)
```
#d5e3d1
```
#d5e3d1 rgb(213,227,209)
```
#e0ebdd
```
#e0ebdd rgb(224,235,221)
```
#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, #646663 is the less saturated color, while #29c306 is the most saturated one.

#646663
```
#646663 rgb(100,102,99)
```
#5f6e5b
```
#5f6e5b rgb(95,110,91)
```
#5a7554
```
#5a7554 rgb(90,117,84)
```
#557d4c
```
#557d4c rgb(85,125,76)
```
#508544
```
#508544 rgb(80,133,68)
```
#4b8c3d
```
#4b8c3d rgb(75,140,61)
```
#469435
```
#469435 rgb(70,148,53)
```
#419c2d
```
#419c2d rgb(65,156,45)
```
#3da425
```
#3da425 rgb(61,164,37)
```
#38ab1e
```
#38ab1e rgb(56,171,30)
```
#33b316
```
#33b316 rgb(51,179,22)
```
#2ebb0e
```
#2ebb0e rgb(46,187,14)
```
#29c306
```
#29c306 rgb(41,195,6)
```

Tone Color Variation

Below, you can see how #557d4c 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
#676f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847a51 Protanopia 1% of men
#90755a Deuteranopia 1% of men
#677d86 Tritanopia 0.001% of the population

Trichromacy

#737b4f Protanomaly 1% of men, 0.01% of women
#7a7854 Deuteranomaly 6% of men, 0.4% of women
#617d71 Tritanomaly 0.01% of the population

#557d4c hex color

#557d4c Color Information

#557d4c Color Conversion

Color Schemes with #557d4c

Alternatives to #557d4c

#557d4c Preview

Shades and Tints of #557d4c

Tones of #557d4c

Color Blindness Simulator