#557977 hex color

In a RGB color space, hex #557977 is composed of 33.3% red, 47.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 1.7% yellow and 52.5% black. It has a hue angle of 176.7 degrees, a saturation of 17.5% and a lightness of 40.4%. #557977 color hex could be obtained by blending #aaf2ee with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 47
- B 47
RGB color chart
- C 30
- M 0
- Y 2
- K 53
CMYK color chart

● #557977 color description : Mostly desaturated dark cyan.

The hexadecimal color #557977 has RGB values of R:85, G:121, B:119 and CMYK values of C:0.3, M:0, Y:0.02, K:0.53. Its decimal value is 5601655.

Hex triplet	557977	`#557977`
RGB Decimal	85, 121, 119	`rgb(85,121,119)`
RGB Percent	33.3, 47.5, 46.7	`rgb(33.3%,47.5%,46.7%)`
CMYK	30, 0, 2, 53
HSL	176.7°, 17.5, 40.4	`hsl(176.7,17.5%,40.4%)`
HSV (or HSB)	176.7°, 29.8, 47.5
Web Safe	666666	`#666666`

CIE-LAB	48.181, -13.135, -3.01
XYZ	13.913, 16.937, 19.988
xyY	0.274, 0.333, 16.937
CIE-LCH	48.181, 13.475, 192.905
CIE-LUV	48.181, -17.626, -2.193
Hunter-Lab	41.155, -11.679, 0.013
Binary	01010101, 01111001, 01110111

#557977
```
#557977 rgb(85,121,119)
```
#795557
```
#795557 rgb(121,85,87)
```

Complementary Color

#557965
```
#557965 rgb(85,121,101)
```
#557977
```
#557977 rgb(85,121,119)
```
#556979
```
#556979 rgb(85,105,121)
```

Analogous Color

#796555
```
#796555 rgb(121,101,85)
```
#557977
```
#557977 rgb(85,121,119)
```
#795569
```
#795569 rgb(121,85,105)
```

Split Complementary Color

#797755
```
#797755 rgb(121,119,85)
```
#557977
```
#557977 rgb(85,121,119)
```
#775579
```
#775579 rgb(119,85,121)
```

Triadic Color

#577955
```
#577955 rgb(87,121,85)
```
#557977
```
#557977 rgb(85,121,119)
```
#775579
```
#775579 rgb(119,85,121)
```
#795557
```
#795557 rgb(121,85,87)
```

Tetradic Color

#354c4b
```
#354c4b rgb(53,76,75)
```
#405b5a
```
#405b5a rgb(64,91,90)
```
#4a6a68
```
#4a6a68 rgb(74,106,104)
```
#557977
```
#557977 rgb(85,121,119)
```
#608886
```
#608886 rgb(96,136,134)
```
#6a9794
```
#6a9794 rgb(106,151,148)
```
#79a19f
```
#79a19f rgb(121,161,159)
```

Monochromatic Color

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

#55796e
```
#55796e rgb(85,121,110)
```
#557971
```
#557971 rgb(85,121,113)
```
#557974
```
#557974 rgb(85,121,116)
```
#557977
```
#557977 rgb(85,121,119)
```
#557879
```
#557879 rgb(85,120,121)
```
#557579
```
#557579 rgb(85,117,121)
```
#557279
```
#557279 rgb(85,114,121)
```

Similar Colors

Text with hexadecimal color #557977

This text has a font color of #557977.

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

#557977 background color

This paragraph has a background color of #557977.

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

#557977 border color

This element has a border color of #557977.

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

CSS codes

.text {color:#557977;}

.background {background-color:#557977;}

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1111
```
#0c1111 rgb(12,17,17)
```
#141d1c
```
#141d1c rgb(20,29,28)
```
#1c2828
```
#1c2828 rgb(28,40,40)
```
#243433
```
#243433 rgb(36,52,51)
```
#2d3f3e
```
#2d3f3e rgb(45,63,62)
```
#354b4a
```
#354b4a rgb(53,75,74)
```
#3d5655
```
#3d5655 rgb(61,86,85)
```
#456260
```
#456260 rgb(69,98,96)
```
#4d6d6c
```
#4d6d6c rgb(77,109,108)
```
#557977
```
#557977 rgb(85,121,119)
```
#5d8582
```
#5d8582 rgb(93,133,130)
```
#65908e
```
#65908e rgb(101,144,142)
```

Shade Color Variation

#6f9a97
```
#6f9a97 rgb(111,154,151)
```
#7ba2a0
```
#7ba2a0 rgb(123,162,160)
```
#86aaa8
```
#86aaa8 rgb(134,170,168)
```
#92b2b0
```
#92b2b0 rgb(146,178,176)
```
#9dbab9
```
#9dbab9 rgb(157,186,185)
```
#a9c2c1
```
#a9c2c1 rgb(169,194,193)
```
#b4cac9
```
#b4cac9 rgb(180,202,201)
```
#c0d3d1
```
#c0d3d1 rgb(192,211,209)
```
#cbdbda
```
#cbdbda rgb(203,219,218)
```
#d7e3e2
```
#d7e3e2 rgb(215,227,226)
```
#e2ebea
```
#e2ebea rgb(226,235,234)
```
#eef3f3
```
#eef3f3 rgb(238,243,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656969 is the less saturated color, while #06c8bd is the most saturated one.

#656969
```
#656969 rgb(101,105,105)
```
#5d7170
```
#5d7170 rgb(93,113,112)
```
#557977
```
#557977 rgb(85,121,119)
```
#4d817e
```
#4d817e rgb(77,129,126)
```
#458985
```
#458985 rgb(69,137,133)
```
#3d918c
```
#3d918c rgb(61,145,140)
```
#359993
```
#359993 rgb(53,153,147)
```
#2da19a
```
#2da19a rgb(45,161,154)
```
#25a9a1
```
#25a9a1 rgb(37,169,161)
```
#1eb0a8
```
#1eb0a8 rgb(30,176,168)
```
#16b8af
```
#16b8af rgb(22,184,175)
```
#0ec0b6
```
#0ec0b6 rgb(14,192,182)
```
#06c8bd
```
#06c8bd rgb(6,200,189)
```

Tone Color Variation

Below, you can see how #557977 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
#697070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b797a Protanopia 1% of men
#817681 Deuteranopia 1% of men
#607e87 Tritanopia 0.001% of the population

Trichromacy

#6d7979 Protanomaly 1% of men, 0.01% of women
#71777d Deuteranomaly 6% of men, 0.4% of women
#5c7c81 Tritanomaly 0.01% of the population

#557977 hex color

#557977 Color Information

#557977 Color Conversion

Color Schemes with #557977

Alternatives to #557977

#557977 Preview

Shades and Tints of #557977

Tones of #557977

Color Blindness Simulator