#557a50 hex color

In a RGB color space, hex #557a50 is composed of 33.3% red, 47.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 34.4% yellow and 52.2% black. It has a hue angle of 112.9 degrees, a saturation of 20.8% and a lightness of 39.6%. #557a50 color hex could be obtained by blending #aaf4a0 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #557a50 has RGB values of R:85, G:122, B:80 and CMYK values of C:0.3, M:0, Y:0.34, K:0.52. Its decimal value is 5601872.

Hex triplet	557a50	`#557a50`
RGB Decimal	85, 122, 80	`rgb(85,122,80)`
RGB Percent	33.3, 47.8, 31.4	`rgb(33.3%,47.8%,31.4%)`
CMYK	30, 0, 34, 52
HSL	112.9°, 20.8, 39.6	`hsl(112.9,20.8%,39.6%)`
HSV (or HSB)	112.9°, 34.4, 47.8
Web Safe	666666	`#666666`

CIE-LAB	47.533, -21.95, 18.945
XYZ	12.153, 16.429, 10.12
xyY	0.314, 0.425, 16.429
CIE-LCH	47.533, 28.995, 139.204
CIE-LUV	47.533, -18.289, 26.81
Hunter-Lab	40.533, -17.411, 13.57
Binary	01010101, 01111010, 01010000

#557a50
```
#557a50 rgb(85,122,80)
```
#75507a
```
#75507a rgb(117,80,122)
```

Complementary Color

#6a7a50
```
#6a7a50 rgb(106,122,80)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#507a60
```
#507a60 rgb(80,122,96)
```

Analogous Color

#7a506a
```
#7a506a rgb(122,80,106)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#60507a
```
#60507a rgb(96,80,122)
```

Split Complementary Color

#7a5055
```
#7a5055 rgb(122,80,85)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#50557a
```
#50557a rgb(80,85,122)
```

Triadic Color

#7a7550
```
#7a7550 rgb(122,117,80)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#50557a
```
#50557a rgb(80,85,122)
```
#75507a
```
#75507a rgb(117,80,122)
```

Tetradic Color

#354c32
```
#354c32 rgb(53,76,50)
```
#405b3c
```
#405b3c rgb(64,91,60)
```
#4a6b46
```
#4a6b46 rgb(74,107,70)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#60895a
```
#60895a rgb(96,137,90)
```
#6a9964
```
#6a9964 rgb(106,153,100)
```
#79a373
```
#79a373 rgb(121,163,115)
```

Monochromatic Color

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

#607a50
```
#607a50 rgb(96,122,80)
```
#5c7a50
```
#5c7a50 rgb(92,122,80)
```
#597a50
```
#597a50 rgb(89,122,80)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#527a50
```
#527a50 rgb(82,122,80)
```
#507a52
```
#507a52 rgb(80,122,82)
```
#507a56
```
#507a56 rgb(80,122,86)
```

Similar Colors

Text with hexadecimal color #557a50

This text has a font color of #557a50.

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

#557a50 background color

This paragraph has a background color of #557a50.

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

#557a50 border color

This element has a border color of #557a50.

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

CSS codes

.text {color:#557a50;}

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

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

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

#020402
```
#020402 rgb(2,4,2)
```
#0b0f0a
```
#0b0f0a rgb(11,15,10)
```
#131b12
```
#131b12 rgb(19,27,18)
```
#1b271a
```
#1b271a rgb(27,39,26)
```
#233321
```
#233321 rgb(35,51,33)
```
#2c3f29
```
#2c3f29 rgb(44,63,41)
```
#344b31
```
#344b31 rgb(52,75,49)
```
#3c5639
```
#3c5639 rgb(60,86,57)
```
#446240
```
#446240 rgb(68,98,64)
```
#4d6e48
```
#4d6e48 rgb(77,110,72)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#5d8658
```
#5d8658 rgb(93,134,88)
```
#669260
```
#669260 rgb(102,146,96)
```

Shade Color Variation

#6f9c69
```
#6f9c69 rgb(111,156,105)
```
#7aa474
```
#7aa474 rgb(122,164,116)
```
#85ac80
```
#85ac80 rgb(133,172,128)
```
#91b48c
```
#91b48c rgb(145,180,140)
```
#9cbb98
```
#9cbb98 rgb(156,187,152)
```
#a7c3a4
```
#a7c3a4 rgb(167,195,164)
```
#b3cbb0
```
#b3cbb0 rgb(179,203,176)
```
#bed3bb
```
#bed3bb rgb(190,211,187)
```
#cadac7
```
#cadac7 rgb(202,218,199)
```
#d5e2d3
```
#d5e2d3 rgb(213,226,211)
```
#e0eadf
```
#e0eadf rgb(224,234,223)
```
#ecf2eb
```
#ecf2eb rgb(236,242,235)
```
#f7faf7
```
#f7faf7 rgb(247,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616a60 is the less saturated color, while #1ac802 is the most saturated one.

#616a60
```
#616a60 rgb(97,106,96)
```
#5b7258
```
#5b7258 rgb(91,114,88)
```
#557a50
```
#557a50 rgb(85,122,80)
```
#4f8248
```
#4f8248 rgb(79,130,72)
```
#498a40
```
#498a40 rgb(73,138,64)
```
#439139
```
#439139 rgb(67,145,57)
```
#3d9931
```
#3d9931 rgb(61,153,49)
```
#37a129
```
#37a129 rgb(55,161,41)
```
#31a921
```
#31a921 rgb(49,169,33)
```
#2cb01a
```
#2cb01a rgb(44,176,26)
```
#26b812
```
#26b812 rgb(38,184,18)
```
#20c00a
```
#20c00a rgb(32,192,10)
```
#1ac802
```
#1ac802 rgb(26,200,2)
```

Tone Color Variation

Below, you can see how #557a50 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
#666d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817855 Protanopia 1% of men
#8c735d Deuteranopia 1% of men
#667b84 Tritanopia 0.001% of the population

Trichromacy

#717853 Protanomaly 1% of men, 0.01% of women
#787558 Deuteranomaly 6% of men, 0.4% of women
#607a71 Tritanomaly 0.01% of the population

#557a50 hex color

#557a50 Color Information

#557a50 Color Conversion

Color Schemes with #557a50

Alternatives to #557a50

#557a50 Preview

Shades and Tints of #557a50

Tones of #557a50

Color Blindness Simulator