#557877 Color Information
In a RGB color space, hex #557877 is composed of 33.3% red, 47.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 0% magenta, 0.8% yellow and 52.9% black. It has a hue angle of 178.3 degrees, a saturation of 17.1% and a lightness of 40.2%. #557877 color hex could be obtained by blending #aaf0ee with #000000. Closest websafe color is: #666666.
-
- R 33
- G 47
- B 47
-
- C 29
- M 0
- Y 1
- K 53
● #557877 color description : Mostly desaturated dark cyan.
#557877 Color Conversion
The hexadecimal color #557877 has RGB values of R:85, G:120, B:119 and CMYK values of C:0.29, M:0, Y:0.01, K:0.53. Its decimal value is 5601399.
Hex triplet | 557877 | #557877 |
---|---|---|
RGB Decimal | 85, 120, 119 | rgb(85,120,119) |
RGB Percent | 33.3, 47.1, 46.7 | rgb(33.3%,47.1%,46.7%) |
CMYK | 29, 0, 1, 53 | |
HSL | 178.3°, 17.1, 40.2 | hsl(178.3,17.1%,40.2%) |
HSV (or HSB) | 178.3°, 29.2, 47.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 47.874, -12.577, -3.462 |
---|---|
XYZ | 13.792, 16.696, 19.948 |
xyY | 0.273, 0.331, 16.696 |
CIE-LCH | 47.874, 13.045, 195.391 |
CIE-LUV | 47.874, -17.182, -2.905 |
Hunter-Lab | 40.86, -11.256, -0.343 |
Binary | 01010101, 01111000, 01110111 |
Color Schemes with #557877
Alternatives to #557877
Below, you can see some colors close to #557877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557877 Preview
This text has a font color of #557877.
<span style="color:#557877;">Text here</span>
This paragraph has a background color of #557877.
<p style="background-color:#557877;">Content here</p>
This element has a border color of #557877.
<div style="border:1px solid #557877;">Content here</div>
.text {color:#557877;}
.background {background-color:#557877;}
.border {border:1px solid #557877;}
Shades and Tints of #557877
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, #040505 is the darkest color, while #f9fbfa is the lightest one.
-
#040505
#040505
rgb(4,5,5)
-
#0c1111
#0c1111
rgb(12,17,17)
-
#141c1c
#141c1c
rgb(20,28,28)
-
#1c2827
#1c2827
rgb(28,40,39)
-
#243333
#243333
rgb(36,51,51)
-
#2c3f3e
#2c3f3e
rgb(44,63,62)
-
#344a49
#344a49
rgb(52,74,73)
-
#3d5655
#3d5655
rgb(61,86,85)
-
#456160
#456160
rgb(69,97,96)
-
#4d6d6c
#4d6d6c
rgb(77,109,108)
-
#557877
#557877
rgb(85,120,119)
-
#5d8382
#5d8382
rgb(93,131,130)
-
#658f8e
#658f8e
rgb(101,143,142)
-
#6f9998
#6f9998
rgb(111,153,152)
-
#7aa1a0
#7aa1a0
rgb(122,161,160)
-
#86a9a8
#86a9a8
rgb(134,169,168)
-
#91b1b0
#91b1b0
rgb(145,177,176)
-
#9db9b9
#9db9b9
rgb(157,185,185)
-
#a8c2c1
#a8c2c1
rgb(168,194,193)
-
#b4cac9
#b4cac9
rgb(180,202,201)
-
#bfd2d1
#bfd2d1
rgb(191,210,209)
-
#cbdada
#cbdada
rgb(203,218,218)
-
#d6e2e2
#d6e2e2
rgb(214,226,226)
-
#e2eaea
#e2eaea
rgb(226,234,234)
-
#edf2f2
#edf2f2
rgb(237,242,242)
-
#f9fbfa
#f9fbfa
rgb(249,251,250)
Tones of #557877
A tone is produced by adding gray to any pure hue. In this case, #656868 is the less saturated color, while #06c7c1 is the most saturated one.
-
#656868
#656868
rgb(101,104,104)
-
#5d7070
#5d7070
rgb(93,112,112)
-
#557877
#557877
rgb(85,120,119)
-
#4d807e
#4d807e
rgb(77,128,126)
-
#458886
#458886
rgb(69,136,134)
-
#3d908d
#3d908d
rgb(61,144,141)
-
#359895
#359895
rgb(53,152,149)
-
#2e9f9c
#2e9f9c
rgb(46,159,156)
-
#26a7a4
#26a7a4
rgb(38,167,164)
-
#1eafab
#1eafab
rgb(30,175,171)
-
#16b7b2
#16b7b2
rgb(22,183,178)
-
#0ebfba
#0ebfba
rgb(14,191,186)
-
#06c7c1
#06c7c1
rgb(6,199,193)
Color Blindness Simulator
Below, you can see how #557877 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.