#557480 Color Information
In a RGB color space, hex #557480 is composed of 33.3% red, 45.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 9.4% magenta, 0% yellow and 49.8% black. It has a hue angle of 196.7 degrees, a saturation of 20.2% and a lightness of 41.8%. #557480 color hex could be obtained by blending #aae8ff with #000001. Closest websafe color is: #666699.
-
- R 33
- G 45
- B 50
-
- C 34
- M 9
- Y 0
- K 50
● #557480 color description : Mostly desaturated dark blue.
#557480 Color Conversion
The hexadecimal color #557480 has RGB values of R:85, G:116, B:128 and CMYK values of C:0.34, M:0.09, Y:0, K:0.5. Its decimal value is 5600384.
Hex triplet | 557480 | #557480 |
---|---|---|
RGB Decimal | 85, 116, 128 | rgb(85,116,128) |
RGB Percent | 33.3, 45.5, 50.2 | rgb(33.3%,45.5%,50.2%) |
CMYK | 34, 9, 0, 50 | |
HSL | 196.7°, 20.2, 41.8 | hsl(196.7,20.2%,41.8%) |
HSV (or HSB) | 196.7°, 33.6, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.948, -7.983, -10.188 |
---|---|
XYZ | 13.887, 15.98, 22.774 |
xyY | 0.264, 0.304, 15.98 |
CIE-LCH | 46.948, 12.942, 231.919 |
CIE-LUV | 46.948, -15.43, -13.16 |
Hunter-Lab | 39.975, -7.947, -5.795 |
Binary | 01010101, 01110100, 10000000 |
Color Schemes with #557480
Alternatives to #557480
Below, you can see some colors close to #557480. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557480 Preview
This text has a font color of #557480.
<span style="color:#557480;">Text here</span>
This paragraph has a background color of #557480.
<p style="background-color:#557480;">Content here</p>
This element has a border color of #557480.
<div style="border:1px solid #557480;">Content here</div>
.text {color:#557480;}
.background {background-color:#557480;}
.border {border:1px solid #557480;}
Shades and Tints of #557480
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)
-
#1e292d
#1e292d
rgb(30,41,45)
-
#263439
#263439
rgb(38,52,57)
-
#2e3f45
#2e3f45
rgb(46,63,69)
-
#364951
#364951
rgb(54,73,81)
-
#3e545d
#3e545d
rgb(62,84,93)
-
#455f68
#455f68
rgb(69,95,104)
-
#4d6974
#4d6974
rgb(77,105,116)
-
#557480
#557480
rgb(85,116,128)
-
#5d7f8c
#5d7f8c
rgb(93,127,140)
-
#658998
#658998
rgb(101,137,152)
-
#7093a0
#7093a0
rgb(112,147,160)
-
#7c9ba8
#7c9ba8
rgb(124,155,168)
-
#87a4b0
#87a4b0
rgb(135,164,176)
-
#93adb7
#93adb7
rgb(147,173,183)
-
#9fb6bf
#9fb6bf
rgb(159,182,191)
-
#abbfc7
#abbfc7
rgb(171,191,199)
-
#b7c8cf
#b7c8cf
rgb(183,200,207)
-
#c2d1d7
#c2d1d7
rgb(194,209,215)
-
#cedadf
#cedadf
rgb(206,218,223)
-
#dae3e6
#dae3e6
rgb(218,227,230)
-
#e6ecee
#e6ecee
rgb(230,236,238)
-
#f2f5f6
#f2f5f6
rgb(242,245,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #557480
A tone is produced by adding gray to any pure hue. In this case, #656d70 is the less saturated color, while #0398d2 is the most saturated one.
-
#656d70
#656d70
rgb(101,109,112)
-
#5d7078
#5d7078
rgb(93,112,120)
-
#557480
#557480
rgb(85,116,128)
-
#4d7888
#4d7888
rgb(77,120,136)
-
#457b90
#457b90
rgb(69,123,144)
-
#3c7f99
#3c7f99
rgb(60,127,153)
-
#3482a1
#3482a1
rgb(52,130,161)
-
#2c86a9
#2c86a9
rgb(44,134,169)
-
#248ab1
#248ab1
rgb(36,138,177)
-
#1c8db9
#1c8db9
rgb(28,141,185)
-
#1391c2
#1391c2
rgb(19,145,194)
-
#0b95ca
#0b95ca
rgb(11,149,202)
-
#0398d2
#0398d2
rgb(3,152,210)
Color Blindness Simulator
Below, you can see how #557480 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.