#557f62 hex color

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

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

● #557f62 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #557f62 has RGB values of R:85, G:127, B:98 and CMYK values of C:0.33, M:0, Y:0.23, K:0.5. Its decimal value is 5603170.

Hex triplet	557f62	`#557f62`
RGB Decimal	85, 127, 98	`rgb(85,127,98)`
RGB Percent	33.3, 49.8, 38.4	`rgb(33.3%,49.8%,38.4%)`
CMYK	33, 0, 23, 50
HSL	138.6°, 19.8, 41.6	`hsl(138.6,19.8%,41.6%)`
HSV (or HSB)	138.6°, 33.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	49.486, -21.134, 11.212
XYZ	13.54, 17.991, 14.314
xyY	0.295, 0.392, 17.991
CIE-LCH	49.486, 23.924, 152.053
CIE-LUV	49.486, -20.514, 17.898
Hunter-Lab	42.416, -17.25, 9.683
Binary	01010101, 01111111, 01100010

#557f62
```
#557f62 rgb(85,127,98)
```
#7f5572
```
#7f5572 rgb(127,85,114)
```

Complementary Color

#5d7f55
```
#5d7f55 rgb(93,127,85)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#557f77
```
#557f77 rgb(85,127,119)
```

Analogous Color

#7f555d
```
#7f555d rgb(127,85,93)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#77557f
```
#77557f rgb(119,85,127)
```

Split Complementary Color

#7f6255
```
#7f6255 rgb(127,98,85)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#62557f
```
#62557f rgb(98,85,127)
```

Triadic Color

#727f55
```
#727f55 rgb(114,127,85)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#62557f
```
#62557f rgb(98,85,127)
```
#7f5572
```
#7f5572 rgb(127,85,114)
```

Tetradic Color

#36513f
```
#36513f rgb(54,81,63)
```
#41604a
```
#41604a rgb(65,96,74)
```
#4b7056
```
#4b7056 rgb(75,112,86)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#5f8e6e
```
#5f8e6e rgb(95,142,110)
```
#6b9c7a
```
#6b9c7a rgb(107,156,122)
```
#7aa688
```
#7aa688 rgb(122,166,136)
```

Monochromatic Color

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

#557f58
```
#557f58 rgb(85,127,88)
```
#557f5b
```
#557f5b rgb(85,127,91)
```
#557f5f
```
#557f5f rgb(85,127,95)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#557f66
```
#557f66 rgb(85,127,102)
```
#557f69
```
#557f69 rgb(85,127,105)
```
#557f6d
```
#557f6d rgb(85,127,109)
```

Similar Colors

Text with hexadecimal color #557f62

This text has a font color of #557f62.

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

#557f62 background color

This paragraph has a background color of #557f62.

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

#557f62 border color

This element has a border color of #557f62.

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

CSS codes

.text {color:#557f62;}

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

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

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)
```
#0e1510
```
#0e1510 rgb(14,21,16)
```
#162119
```
#162119 rgb(22,33,25)
```
#1e2d23
```
#1e2d23 rgb(30,45,35)
```
#26382c
```
#26382c rgb(38,56,44)
```
#2e4435
```
#2e4435 rgb(46,68,53)
```
#36503e
```
#36503e rgb(54,80,62)
```
#3d5c47
```
#3d5c47 rgb(61,92,71)
```
#456750
```
#456750 rgb(69,103,80)
```
#4d7359
```
#4d7359 rgb(77,115,89)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#5d8b6b
```
#5d8b6b rgb(93,139,107)
```
#659774
```
#659774 rgb(101,151,116)
```

Shade Color Variation

#709f7e
```
#709f7e rgb(112,159,126)
```
#7ba789
```
#7ba789 rgb(123,167,137)
```
#87af93
```
#87af93 rgb(135,175,147)
```
#93b79e
```
#93b79e rgb(147,183,158)
```
#9fbfa9
```
#9fbfa9 rgb(159,191,169)
```
#aac6b3
```
#aac6b3 rgb(170,198,179)
```
#b6cebe
```
#b6cebe rgb(182,206,190)
```
#c2d6c8
```
#c2d6c8 rgb(194,214,200)
```
#ceded3
```
#ceded3 rgb(206,222,211)
```
#d9e6dd
```
#d9e6dd rgb(217,230,221)
```
#e5eee8
```
#e5eee8 rgb(229,238,232)
```
#f1f6f2
```
#f1f6f2 rgb(241,246,242)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#656f68
```
#656f68 rgb(101,111,104)
```
#5d7765
```
#5d7765 rgb(93,119,101)
```
#557f62
```
#557f62 rgb(85,127,98)
```
#4d875f
```
#4d875f rgb(77,135,95)
```
#458f5c
```
#458f5c rgb(69,143,92)
```
#3d9759
```
#3d9759 rgb(61,151,89)
```
#34a056
```
#34a056 rgb(52,160,86)
```
#2ca852
```
#2ca852 rgb(44,168,82)
```
#24b04f
```
#24b04f rgb(36,176,79)
```
#1cb84c
```
#1cb84c rgb(28,184,76)
```
#14c049
```
#14c049 rgb(20,192,73)
```
#0cc846
```
#0cc846 rgb(12,200,70)
```
#03d143
```
#03d143 rgb(3,209,67)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a726c Atypical Achromatopsia 0.001% of the population

Dichromacy

#847c66 Protanopia 1% of men
#8d786e Deuteranopia 1% of men
#65818a Tritanopia 0.001% of the population

Trichromacy

#727d64 Protanomaly 1% of men, 0.01% of women
#797a69 Deuteranomaly 6% of men, 0.4% of women
#5f807b Tritanomaly 0.01% of the population

#557f62 hex color

#557f62 Color Information

#557f62 Color Conversion

Color Schemes with #557f62

Alternatives to #557f62

#557f62 Preview

Shades and Tints of #557f62

Tones of #557f62

Color Blindness Simulator