#557a59 hex color

In a RGB color space, hex #557a59 is composed of 33.3% red, 47.8% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 27% yellow and 52.2% black. It has a hue angle of 126.5 degrees, a saturation of 17.9% and a lightness of 40.6%. #557a59 color hex could be obtained by blending #aaf4b2 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #557a59 has RGB values of R:85, G:122, B:89 and CMYK values of C:0.3, M:0, Y:0.27, K:0.52. Its decimal value is 5601881.

Hex triplet	557a59	`#557a59`
RGB Decimal	85, 122, 89	`rgb(85,122,89)`
RGB Percent	33.3, 47.8, 34.9	`rgb(33.3%,47.8%,34.9%)`
CMYK	30, 0, 27, 52
HSL	126.5°, 17.9, 40.6	`hsl(126.5,17.9%,40.6%)`
HSV (or HSB)	126.5°, 30.3, 47.8
Web Safe	666666	`#666666`

CIE-LAB	47.715, -20.307, 13.991
XYZ	12.508, 16.571, 11.99
xyY	0.305, 0.403, 16.571
CIE-LCH	47.715, 24.66, 145.436
CIE-LUV	47.715, -18.238, 20.93
Hunter-Lab	40.708, -16.39, 11.032
Binary	01010101, 01111010, 01011001

#557a59
```
#557a59 rgb(85,122,89)
```
#7a5576
```
#7a5576 rgb(122,85,118)
```

Complementary Color

#647a55
```
#647a55 rgb(100,122,85)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#557a6c
```
#557a6c rgb(85,122,108)
```

Analogous Color

#7a5564
```
#7a5564 rgb(122,85,100)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#6c557a
```
#6c557a rgb(108,85,122)
```

Split Complementary Color

#7a5955
```
#7a5955 rgb(122,89,85)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#59557a
```
#59557a rgb(89,85,122)
```

Triadic Color

#767a55
```
#767a55 rgb(118,122,85)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#59557a
```
#59557a rgb(89,85,122)
```
#7a5576
```
#7a5576 rgb(122,85,118)
```

Tetradic Color

#364d38
```
#364d38 rgb(54,77,56)
```
#405c43
```
#405c43 rgb(64,92,67)
```
#4b6b4e
```
#4b6b4e rgb(75,107,78)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#5f8964
```
#5f8964 rgb(95,137,100)
```
#6a986f
```
#6a986f rgb(106,152,111)
```
#7aa27e
```
#7aa27e rgb(122,162,126)
```

Monochromatic Color

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

#5a7a55
```
#5a7a55 rgb(90,122,85)
```
#577a55
```
#577a55 rgb(87,122,85)
```
#557a56
```
#557a56 rgb(85,122,86)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#557a5c
```
#557a5c rgb(85,122,92)
```
#557a5f
```
#557a5f rgb(85,122,95)
```
#557a62
```
#557a62 rgb(85,122,98)
```

Similar Colors

Text with hexadecimal color #557a59

This text has a font color of #557a59.

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

#557a59 background color

This paragraph has a background color of #557a59.

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

#557a59 border color

This element has a border color of #557a59.

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

CSS codes

.text {color:#557a59;}

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

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0d120d
```
#0d120d rgb(13,18,13)
```
#151e16
```
#151e16 rgb(21,30,22)
```
#1d291e
```
#1d291e rgb(29,41,30)
```
#253526
```
#253526 rgb(37,53,38)
```
#2d402f
```
#2d402f rgb(45,64,47)
```
#354c37
```
#354c37 rgb(53,76,55)
```
#3d5740
```
#3d5740 rgb(61,87,64)
```
#456348
```
#456348 rgb(69,99,72)
```
#4d6e51
```
#4d6e51 rgb(77,110,81)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#5d8661
```
#5d8661 rgb(93,134,97)
```
#65916a
```
#65916a rgb(101,145,106)
```

Shade Color Variation

#6f9b74
```
#6f9b74 rgb(111,155,116)
```
#7ba37f
```
#7ba37f rgb(123,163,127)
```
#86ab8a
```
#86ab8a rgb(134,171,138)
```
#92b395
```
#92b395 rgb(146,179,149)
```
#9dbba1
```
#9dbba1 rgb(157,187,161)
```
#a9c3ac
```
#a9c3ac rgb(169,195,172)
```
#b4cbb7
```
#b4cbb7 rgb(180,203,183)
```
#c0d3c2
```
#c0d3c2 rgb(192,211,194)
```
#ccdbcd
```
#ccdbcd rgb(204,219,205)
```
#d7e3d8
```
#d7e3d8 rgb(215,227,216)
```
#e3ebe4
```
#e3ebe4 rgb(227,235,228)
```
#eef3ef
```
#eef3ef rgb(238,243,239)
```
#fafbfa
```
#fafbfa rgb(250,251,250)
```

Tint Color Variation

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

#656a65
```
#656a65 rgb(101,106,101)
```
#5d725f
```
#5d725f rgb(93,114,95)
```
#557a59
```
#557a59 rgb(85,122,89)
```
#4d8253
```
#4d8253 rgb(77,130,83)
```
#458a4d
```
#458a4d rgb(69,138,77)
```
#3d9246
```
#3d9246 rgb(61,146,70)
```
#359a40
```
#359a40 rgb(53,154,64)
```
#2da23a
```
#2da23a rgb(45,162,58)
```
#25aa34
```
#25aa34 rgb(37,170,52)
```
#1db22d
```
#1db22d rgb(29,178,45)
```
#15ba27
```
#15ba27 rgb(21,186,39)
```
#0dc221
```
#0dc221 rgb(13,194,33)
```
#05ca1b
```
#05ca1b rgb(5,202,27)
```

Tone Color Variation

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

Dichromacy

#80785d Protanopia 1% of men
#8a7465 Deuteranopia 1% of men
#657c85 Tritanopia 0.001% of the population

Trichromacy

#70785c Protanomaly 1% of men, 0.01% of women
#777661 Deuteranomaly 6% of men, 0.4% of women
#5f7b75 Tritanomaly 0.01% of the population

#557a59 hex color

#557a59 Color Information

#557a59 Color Conversion

Color Schemes with #557a59

Alternatives to #557a59

#557a59 Preview

Shades and Tints of #557a59

Tones of #557a59

Color Blindness Simulator