#557780 Color Information
In a RGB color space, hex #557780 is composed of 33.3% red, 46.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 7% magenta, 0% yellow and 49.8% black. It has a hue angle of 192.6 degrees, a saturation of 20.2% and a lightness of 41.8%. #557780 color hex could be obtained by blending #aaeeff with #000001. Closest websafe color is: #666699.
-
- R 33
- G 47
- B 50
-
- C 34
- M 7
- Y 0
- K 50
● #557780 color description : Mostly desaturated dark cyan.
#557780 Color Conversion
The hexadecimal color #557780 has RGB values of R:85, G:119, B:128 and CMYK values of C:0.34, M:0.07, Y:0, K:0.5. Its decimal value is 5601152.
Hex triplet | 557780 | #557780 |
---|---|---|
RGB Decimal | 85, 119, 128 | rgb(85,119,128) |
RGB Percent | 33.3, 46.7, 50.2 | rgb(33.3%,46.7%,50.2%) |
CMYK | 34, 7, 0, 50 | |
HSL | 192.6°, 20.2, 41.8 | hsl(192.6,20.2%,41.8%) |
HSV (or HSB) | 192.6°, 33.6, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.858, -9.701, -8.822 |
---|---|
XYZ | 14.238, 16.683, 22.891 |
xyY | 0.265, 0.31, 16.683 |
CIE-LCH | 47.858, 13.112, 222.286 |
CIE-LUV | 47.858, -16.727, -10.985 |
Hunter-Lab | 40.845, -9.253, -4.637 |
Binary | 01010101, 01110111, 10000000 |
Color Schemes with #557780
Alternatives to #557780
Below, you can see some colors close to #557780. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557780 Preview
This text has a font color of #557780.
<span style="color:#557780;">Text here</span>
This paragraph has a background color of #557780.
<p style="background-color:#557780;">Content here</p>
This element has a border color of #557780.
<div style="border:1px solid #557780;">Content here</div>
.text {color:#557780;}
.background {background-color:#557780;}
.border {border:1px solid #557780;}
Shades and Tints of #557780
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, #07090a is the darkest color, while #fdfefe is the lightest one.
-
#07090a
#07090a
rgb(7,9,10)
-
#0f1416
#0f1416
rgb(15,20,22)
-
#161f22
#161f22
rgb(22,31,34)
-
#1e2a2d
#1e2a2d
rgb(30,42,45)
-
#263539
#263539
rgb(38,53,57)
-
#2e4045
#2e4045
rgb(46,64,69)
-
#364b51
#364b51
rgb(54,75,81)
-
#3e565d
#3e565d
rgb(62,86,93)
-
#456168
#456168
rgb(69,97,104)
-
#4d6c74
#4d6c74
rgb(77,108,116)
-
#557780
#557780
rgb(85,119,128)
-
#5d828c
#5d828c
rgb(93,130,140)
-
#658d98
#658d98
rgb(101,141,152)
-
#7096a0
#7096a0
rgb(112,150,160)
-
#7c9fa8
#7c9fa8
rgb(124,159,168)
-
#87a7b0
#87a7b0
rgb(135,167,176)
-
#93b0b7
#93b0b7
rgb(147,176,183)
-
#9fb9bf
#9fb9bf
rgb(159,185,191)
-
#abc1c7
#abc1c7
rgb(171,193,199)
-
#b7cacf
#b7cacf
rgb(183,202,207)
-
#c2d2d7
#c2d2d7
rgb(194,210,215)
-
#cedbdf
#cedbdf
rgb(206,219,223)
-
#dae4e6
#dae4e6
rgb(218,228,230)
-
#e6ecee
#e6ecee
rgb(230,236,238)
-
#f2f5f6
#f2f5f6
rgb(242,245,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #557780
A tone is produced by adding gray to any pure hue. In this case, #656d70 is the less saturated color, while #03a7d2 is the most saturated one.
-
#656d70
#656d70
rgb(101,109,112)
-
#5d7278
#5d7278
rgb(93,114,120)
-
#557780
#557780
rgb(85,119,128)
-
#4d7c88
#4d7c88
rgb(77,124,136)
-
#458190
#458190
rgb(69,129,144)
-
#3c8599
#3c8599
rgb(60,133,153)
-
#348aa1
#348aa1
rgb(52,138,161)
-
#2c8fa9
#2c8fa9
rgb(44,143,169)
-
#2494b1
#2494b1
rgb(36,148,177)
-
#1c98b9
#1c98b9
rgb(28,152,185)
-
#139dc2
#139dc2
rgb(19,157,194)
-
#0ba2ca
#0ba2ca
rgb(11,162,202)
-
#03a7d2
#03a7d2
rgb(3,167,210)
Color Blindness Simulator
Below, you can see how #557780 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.