#557f53 hex color

In a RGB color space, hex #557f53 is composed of 33.3% red, 49.8% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 34.6% yellow and 50.2% black. It has a hue angle of 117.3 degrees, a saturation of 21% and a lightness of 41.2%. #557f53 color hex could be obtained by blending #aafea6 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #557f53 has RGB values of R:85, G:127, B:83 and CMYK values of C:0.33, M:0, Y:0.35, K:0.5. Its decimal value is 5603155.

Hex triplet	557f53	`#557f53`
RGB Decimal	85, 127, 83	`rgb(85,127,83)`
RGB Percent	33.3, 49.8, 32.5	`rgb(33.3%,49.8%,32.5%)`
CMYK	33, 0, 35, 50
HSL	117.3°, 21, 41.2	`hsl(117.3,21%,41.2%)`
HSV (or HSB)	117.3°, 34.6, 49.8
Web Safe	666666	`#666666`

CIE-LAB	49.172, -23.984, 19.425
XYZ	12.896, 17.734, 10.927
xyY	0.31, 0.427, 17.734
CIE-LCH	49.172, 30.863, 140.996
CIE-LUV	49.172, -20.669, 27.958
Hunter-Lab	42.112, -19.031, 14.094
Binary	01010101, 01111111, 01010011

#557f53
```
#557f53 rgb(85,127,83)
```
#7d537f
```
#7d537f rgb(125,83,127)
```

Complementary Color

#6b7f53
```
#6b7f53 rgb(107,127,83)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#537f67
```
#537f67 rgb(83,127,103)
```

Analogous Color

#7f536b
```
#7f536b rgb(127,83,107)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#67537f
```
#67537f rgb(103,83,127)
```

Split Complementary Color

#7f5355
```
#7f5355 rgb(127,83,85)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#53557f
```
#53557f rgb(83,85,127)
```

Triadic Color

#7f7d53
```
#7f7d53 rgb(127,125,83)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#53557f
```
#53557f rgb(83,85,127)
```
#7d537f
```
#7d537f rgb(125,83,127)
```

Tetradic Color

#365135
```
#365135 rgb(54,81,53)
```
#40603f
```
#40603f rgb(64,96,63)
```
#4b7049
```
#4b7049 rgb(75,112,73)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#5f8e5d
```
#5f8e5d rgb(95,142,93)
```
#6b9d68
```
#6b9d68 rgb(107,157,104)
```
#7aa778
```
#7aa778 rgb(122,167,120)
```

Monochromatic Color

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

#607f53
```
#607f53 rgb(96,127,83)
```
#5c7f53
```
#5c7f53 rgb(92,127,83)
```
#597f53
```
#597f53 rgb(89,127,83)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#537f55
```
#537f55 rgb(83,127,85)
```
#537f58
```
#537f58 rgb(83,127,88)
```
#537f5c
```
#537f5c rgb(83,127,92)
```

Similar Colors

Text with hexadecimal color #557f53

This text has a font color of #557f53.

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

#557f53 background color

This paragraph has a background color of #557f53.

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

#557f53 border color

This element has a border color of #557f53.

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

CSS codes

.text {color:#557f53;}

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

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

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

#060805
```
#060805 rgb(6,8,5)
```
#0e140d
```
#0e140d rgb(14,20,13)
```
#152015
```
#152015 rgb(21,32,21)
```
#1d2c1d
```
#1d2c1d rgb(29,44,29)
```
#253824
```
#253824 rgb(37,56,36)
```
#2d442c
```
#2d442c rgb(45,68,44)
```
#355034
```
#355034 rgb(53,80,52)
```
#3d5b3c
```
#3d5b3c rgb(61,91,60)
```
#456743
```
#456743 rgb(69,103,67)
```
#4d734b
```
#4d734b rgb(77,115,75)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#5d8b5b
```
#5d8b5b rgb(93,139,91)
```
#659763
```
#659763 rgb(101,151,99)
```

Shade Color Variation

#6fa06d
```
#6fa06d rgb(111,160,109)
```
#7ba779
```
#7ba779 rgb(123,167,121)
```
#87af85
```
#87af85 rgb(135,175,133)
```
#92b791
```
#92b791 rgb(146,183,145)
```
#9ebf9d
```
#9ebf9d rgb(158,191,157)
```
#aac6a8
```
#aac6a8 rgb(170,198,168)
```
#b6ceb4
```
#b6ceb4 rgb(182,206,180)
```
#c1d6c0
```
#c1d6c0 rgb(193,214,192)
```
#cddecc
```
#cddecc rgb(205,222,204)
```
#d9e5d8
```
#d9e5d8 rgb(217,229,216)
```
#e4ede4
```
#e4ede4 rgb(228,237,228)
```
#f0f5f0
```
#f0f5f0 rgb(240,245,240)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646f63 is the less saturated color, while #0cd002 is the most saturated one.

#646f63
```
#646f63 rgb(100,111,99)
```
#5c775b
```
#5c775b rgb(92,119,91)
```
#557f53
```
#557f53 rgb(85,127,83)
```
#4e874b
```
#4e874b rgb(78,135,75)
```
#468f43
```
#468f43 rgb(70,143,67)
```
#3f973b
```
#3f973b rgb(63,151,59)
```
#389f33
```
#389f33 rgb(56,159,51)
```
#30a72b
```
#30a72b rgb(48,167,43)
```
#29af23
```
#29af23 rgb(41,175,35)
```
#22b81a
```
#22b81a rgb(34,184,26)
```
#1ac012
```
#1ac012 rgb(26,192,18)
```
#13c80a
```
#13c80a rgb(19,200,10)
```
#0cd002
```
#0cd002 rgb(12,208,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#687168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857b58 Protanopia 1% of men
#907760 Deuteranopia 1% of men
#677f89 Tritanopia 0.001% of the population

Trichromacy

#737d56 Protanomaly 1% of men, 0.01% of women
#7b7a5b Deuteranomaly 6% of men, 0.4% of women
#607f75 Tritanomaly 0.01% of the population

#557f53 hex color

#557f53 Color Information

#557f53 Color Conversion

Color Schemes with #557f53

Alternatives to #557f53

#557f53 Preview

Shades and Tints of #557f53

Tones of #557f53

Color Blindness Simulator