#557f59 hex color

In a RGB color space, hex #557f59 is composed of 33.3% red, 49.8% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 29.9% yellow and 50.2% black. It has a hue angle of 125.7 degrees, a saturation of 19.8% and a lightness of 41.6%. #557f59 color hex could be obtained by blending #aafeb2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 50
- B 35
RGB color chart
- C 33
- M 0
- Y 30
- K 50
CMYK color chart

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

The hexadecimal color #557f59 has RGB values of R:85, G:127, B:89 and CMYK values of C:0.33, M:0, Y:0.3, K:0.5. Its decimal value is 5603161.

Hex triplet	557f59	`#557f59`
RGB Decimal	85, 127, 89	`rgb(85,127,89)`
RGB Percent	33.3, 49.8, 34.9	`rgb(33.3%,49.8%,34.9%)`
CMYK	33, 0, 30, 50
HSL	125.7°, 19.8, 41.6	`hsl(125.7,19.8%,41.6%)`
HSV (or HSB)	125.7°, 33.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	49.29, -22.898, 16.15
XYZ	13.138, 17.831, 12.2
xyY	0.304, 0.413, 17.831
CIE-LCH	49.29, 28.02, 144.805
CIE-LUV	49.29, -20.608, 24.081
Hunter-Lab	42.227, -18.358, 12.429
Binary	01010101, 01111111, 01011001

#557f59
```
#557f59 rgb(85,127,89)
```
#7f557b
```
#7f557b rgb(127,85,123)
```

Complementary Color

#667f55
```
#667f55 rgb(102,127,85)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#557f6e
```
#557f6e rgb(85,127,110)
```

Analogous Color

#7f5566
```
#7f5566 rgb(127,85,102)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#6e557f
```
#6e557f rgb(110,85,127)
```

Split Complementary Color

#7f5955
```
#7f5955 rgb(127,89,85)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#59557f
```
#59557f rgb(89,85,127)
```

Triadic Color

#7b7f55
```
#7b7f55 rgb(123,127,85)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#59557f
```
#59557f rgb(89,85,127)
```
#7f557b
```
#7f557b rgb(127,85,123)
```

Tetradic Color

#365139
```
#365139 rgb(54,81,57)
```
#416044
```
#416044 rgb(65,96,68)
```
#4b704e
```
#4b704e rgb(75,112,78)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#5f8e64
```
#5f8e64 rgb(95,142,100)
```
#6b9c70
```
#6b9c70 rgb(107,156,112)
```
#7aa67e
```
#7aa67e rgb(122,166,126)
```

Monochromatic Color

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

#5c7f55
```
#5c7f55 rgb(92,127,85)
```
#587f55
```
#587f55 rgb(88,127,85)
```
#557f56
```
#557f56 rgb(85,127,86)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#557f5d
```
#557f5d rgb(85,127,93)
```
#557f60
```
#557f60 rgb(85,127,96)
```
#557f64
```
#557f64 rgb(85,127,100)
```

Similar Colors

Text with hexadecimal color #557f59

This text has a font color of #557f59.

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

#557f59 background color

This paragraph has a background color of #557f59.

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

#557f59 border color

This element has a border color of #557f59.

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

CSS codes

.text {color:#557f59;}

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

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

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

#060907
```
#060907 rgb(6,9,7)
```
#0e150f
```
#0e150f rgb(14,21,15)
```
#162117
```
#162117 rgb(22,33,23)
```
#1e2d1f
```
#1e2d1f rgb(30,45,31)
```
#263828
```
#263828 rgb(38,56,40)
```
#2e4430
```
#2e4430 rgb(46,68,48)
```
#365038
```
#365038 rgb(54,80,56)
```
#3d5c40
```
#3d5c40 rgb(61,92,64)
```
#456749
```
#456749 rgb(69,103,73)
```
#4d7351
```
#4d7351 rgb(77,115,81)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#5d8b61
```
#5d8b61 rgb(93,139,97)
```
#659769
```
#659769 rgb(101,151,105)
```

Shade Color Variation

#709f74
```
#709f74 rgb(112,159,116)
```
#7ba780
```
#7ba780 rgb(123,167,128)
```
#87af8b
```
#87af8b rgb(135,175,139)
```
#93b796
```
#93b796 rgb(147,183,150)
```
#9fbfa2
```
#9fbfa2 rgb(159,191,162)
```
#aac6ad
```
#aac6ad rgb(170,198,173)
```
#b6ceb9
```
#b6ceb9 rgb(182,206,185)
```
#c2d6c4
```
#c2d6c4 rgb(194,214,196)
```
#cedecf
```
#cedecf rgb(206,222,207)
```
#d9e6db
```
#d9e6db rgb(217,230,219)
```
#e5eee6
```
#e5eee6 rgb(229,238,230)
```
#f1f6f1
```
#f1f6f1 rgb(241,246,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656f66 is the less saturated color, while #03d117 is the most saturated one.

#656f66
```
#656f66 rgb(101,111,102)
```
#5d7760
```
#5d7760 rgb(93,119,96)
```
#557f59
```
#557f59 rgb(85,127,89)
```
#4d8752
```
#4d8752 rgb(77,135,82)
```
#458f4c
```
#458f4c rgb(69,143,76)
```
#3d9745
```
#3d9745 rgb(61,151,69)
```
#34a03f
```
#34a03f rgb(52,160,63)
```
#2ca838
```
#2ca838 rgb(44,168,56)
```
#24b031
```
#24b031 rgb(36,176,49)
```
#1cb82b
```
#1cb82b rgb(28,184,43)
```
#14c024
```
#14c024 rgb(20,192,36)
```
#0cc81e
```
#0cc81e rgb(12,200,30)
```
#03d117
```
#03d117 rgb(3,209,23)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#69716a Atypical Achromatopsia 0.001% of the population

Dichromacy

#857c5d Protanopia 1% of men
#8f7766 Deuteranopia 1% of men
#668089 Tritanopia 0.001% of the population

Trichromacy

#737d5b Protanomaly 1% of men, 0.01% of women
#7a7a61 Deuteranomaly 6% of men, 0.4% of women
#607f77 Tritanomaly 0.01% of the population

#557f59 hex color

#557f59 Color Information

#557f59 Color Conversion

Color Schemes with #557f59

Alternatives to #557f59

#557f59 Preview

Shades and Tints of #557f59

Tones of #557f59

Color Blindness Simulator