#557161 hex color

In a RGB color space, hex #557161 is composed of 33.3% red, 44.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 0% magenta, 14.2% yellow and 55.7% black. It has a hue angle of 145.7 degrees, a saturation of 14.1% and a lightness of 38.8%. #557161 color hex could be obtained by blending #aae2c2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 44
- B 38
RGB color chart
- C 25
- M 0
- Y 14
- K 56
CMYK color chart

● #557161 color description : Very dark grayish cyan - lime green.

The hexadecimal color #557161 has RGB values of R:85, G:113, B:97 and CMYK values of C:0.25, M:0, Y:0.14, K:0.56. Its decimal value is 5599585.

Hex triplet	557161	`#557161`
RGB Decimal	85, 113, 97	`rgb(85,113,97)`
RGB Percent	33.3, 44.3, 38	`rgb(33.3%,44.3%,38%)`
CMYK	25, 0, 14, 56
HSL	145.7°, 14.1, 38.8	`hsl(145.7,14.1%,38.8%)`
HSV (or HSB)	145.7°, 24.8, 44.3
Web Safe	666666	`#666666`

CIE-LAB	45.087, -13.816, 5.581
XYZ	11.809, 14.604, 13.505
xyY	0.296, 0.366, 14.604
CIE-LCH	45.087, 14.9, 158.004
CIE-LUV	45.087, -13.946, 9.367
Hunter-Lab	38.216, -11.721, 5.798
Binary	01010101, 01110001, 01100001

#557161
```
#557161 rgb(85,113,97)
```
#715565
```
#715565 rgb(113,85,101)
```

Complementary Color

#577155
```
#577155 rgb(87,113,85)
```
#557161
```
#557161 rgb(85,113,97)
```
#55716f
```
#55716f rgb(85,113,111)
```

Analogous Color

#715557
```
#715557 rgb(113,85,87)
```
#557161
```
#557161 rgb(85,113,97)
```
#6f5571
```
#6f5571 rgb(111,85,113)
```

Split Complementary Color

#716155
```
#716155 rgb(113,97,85)
```
#557161
```
#557161 rgb(85,113,97)
```
#615571
```
#615571 rgb(97,85,113)
```

Triadic Color

#657155
```
#657155 rgb(101,113,85)
```
#557161
```
#557161 rgb(85,113,97)
```
#615571
```
#615571 rgb(97,85,113)
```
#715565
```
#715565 rgb(113,85,101)
```

Tetradic Color

#34453c
```
#34453c rgb(52,69,60)
```
#3f5448
```
#3f5448 rgb(63,84,72)
```
#4a6255
```
#4a6255 rgb(74,98,85)
```
#557161
```
#557161 rgb(85,113,97)
```
#60806d
```
#60806d rgb(96,128,109)
```
#6b8e7a
```
#6b8e7a rgb(107,142,122)
```
#799a87
```
#799a87 rgb(121,154,135)
```

Monochromatic Color

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

#55715a
```
#55715a rgb(85,113,90)
```
#55715c
```
#55715c rgb(85,113,92)
```
#55715f
```
#55715f rgb(85,113,95)
```
#557161
```
#557161 rgb(85,113,97)
```
#557163
```
#557163 rgb(85,113,99)
```
#557166
```
#557166 rgb(85,113,102)
```
#557168
```
#557168 rgb(85,113,104)
```

Similar Colors

Text with hexadecimal color #557161

This text has a font color of #557161.

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

#557161 background color

This paragraph has a background color of #557161.

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

#557161 border color

This element has a border color of #557161.

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

CSS codes

.text {color:#557161;}

.background {background-color:#557161;}

.border {border:1px solid #557161;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#121714
```
#121714 rgb(18,23,20)
```
#1a231e
```
#1a231e rgb(26,35,30)
```
#222e27
```
#222e27 rgb(34,46,39)
```
#2b3931
```
#2b3931 rgb(43,57,49)
```
#33443b
```
#33443b rgb(51,68,59)
```
#3c4f44
```
#3c4f44 rgb(60,79,68)
```
#445b4e
```
#445b4e rgb(68,91,78)
```
#4d6657
```
#4d6657 rgb(77,102,87)
```
#557161
```
#557161 rgb(85,113,97)
```
#5d7c6b
```
#5d7c6b rgb(93,124,107)
```
#668774
```
#668774 rgb(102,135,116)
```

Shade Color Variation

#6f927e
```
#6f927e rgb(111,146,126)
```
#7a9b88
```
#7a9b88 rgb(122,155,136)
```
#85a392
```
#85a392 rgb(133,163,146)
```
#90ac9c
```
#90ac9c rgb(144,172,156)
```
#9bb4a6
```
#9bb4a6 rgb(155,180,166)
```
#a6bcb0
```
#a6bcb0 rgb(166,188,176)
```
#b2c5ba
```
#b2c5ba rgb(178,197,186)
```
#bdcdc4
```
#bdcdc4 rgb(189,205,196)
```
#c8d6ce
```
#c8d6ce rgb(200,214,206)
```
#d3ded8
```
#d3ded8 rgb(211,222,216)
```
#dee7e2
```
#dee7e2 rgb(222,231,226)
```
#eaefec
```
#eaefec rgb(234,239,236)
```
#f5f7f6
```
#f5f7f6 rgb(245,247,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6962 is the less saturated color, while #01c555 is the most saturated one.

#5d6962
```
#5d6962 rgb(93,105,98)
```
#557161
```
#557161 rgb(85,113,97)
```
#4d7960
```
#4d7960 rgb(77,121,96)
```
#46805f
```
#46805f rgb(70,128,95)
```
#3e885e
```
#3e885e rgb(62,136,94)
```
#378f5d
```
#378f5d rgb(55,143,93)
```
#2f975c
```
#2f975c rgb(47,151,92)
```
#279f5a
```
#279f5a rgb(39,159,90)
```
#20a659
```
#20a659 rgb(32,166,89)
```
#18ae58
```
#18ae58 rgb(24,174,88)
```
#10b657
```
#10b657 rgb(16,182,87)
```
#09bd56
```
#09bd56 rgb(9,189,86)
```
#01c555
```
#01c555 rgb(1,197,85)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#636966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777266 Protanopia 1% of men
#7f6e6c Deuteranopia 1% of men
#62757d Tritanopia 0.001% of the population

Trichromacy

#6a7164 Protanomaly 1% of men, 0.01% of women
#6f6f68 Deuteranomaly 6% of men, 0.4% of women
#5d7373 Tritanomaly 0.01% of the population

#557161 hex color

#557161 Color Information

#557161 Color Conversion

Color Schemes with #557161

Alternatives to #557161

#557161 Preview

Shades and Tints of #557161

Tones of #557161

Color Blindness Simulator