#557380 Color Information
In a RGB color space, hex #557380 is composed of 33.3% red, 45.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 10.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 198.1 degrees, a saturation of 20.2% and a lightness of 41.8%. #557380 color hex could be obtained by blending #aae6ff with #000001. Closest websafe color is: #666699.
-
- R 33
- G 45
- B 50
-
- C 34
- M 10
- Y 0
- K 50
● #557380 color description : Mostly desaturated dark blue.
#557380 Color Conversion
The hexadecimal color #557380 has RGB values of R:85, G:115, B:128 and CMYK values of C:0.34, M:0.1, Y:0, K:0.5. Its decimal value is 5600128.
Hex triplet | 557380 | #557380 |
---|---|---|
RGB Decimal | 85, 115, 128 | rgb(85,115,128) |
RGB Percent | 33.3, 45.1, 50.2 | rgb(33.3%,45.1%,50.2%) |
CMYK | 34, 10, 0, 50 | |
HSL | 198.1°, 20.2, 41.8 | hsl(198.1,20.2%,41.8%) |
HSV (or HSB) | 198.1°, 33.6, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.646, -7.405, -10.643 |
---|---|
XYZ | 13.772, 15.751, 22.735 |
xyY | 0.264, 0.301, 15.751 |
CIE-LCH | 46.646, 12.966, 235.17 |
CIE-LUV | 46.646, -14.998, -13.884 |
Hunter-Lab | 39.687, -7.509, -6.184 |
Binary | 01010101, 01110011, 10000000 |
Color Schemes with #557380
Alternatives to #557380
Below, you can see some colors close to #557380. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557380 Preview
This text has a font color of #557380.
<span style="color:#557380;">Text here</span>
This paragraph has a background color of #557380.
<p style="background-color:#557380;">Content here</p>
This element has a border color of #557380.
<div style="border:1px solid #557380;">Content here</div>
.text {color:#557380;}
.background {background-color:#557380;}
.border {border:1px solid #557380;}
Shades and Tints of #557380
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)
-
#161e22
#161e22
rgb(22,30,34)
-
#1e292d
#1e292d
rgb(30,41,45)
-
#263339
#263339
rgb(38,51,57)
-
#2e3e45
#2e3e45
rgb(46,62,69)
-
#364951
#364951
rgb(54,73,81)
-
#3e535d
#3e535d
rgb(62,83,93)
-
#455e68
#455e68
rgb(69,94,104)
-
#4d6874
#4d6874
rgb(77,104,116)
-
#557380
#557380
rgb(85,115,128)
-
#5d7e8c
#5d7e8c
rgb(93,126,140)
-
#658898
#658898
rgb(101,136,152)
-
#7091a0
#7091a0
rgb(112,145,160)
-
#7c9aa8
#7c9aa8
rgb(124,154,168)
-
#87a3b0
#87a3b0
rgb(135,163,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 #557380
A tone is produced by adding gray to any pure hue. In this case, #656d70 is the less saturated color, while #0393d2 is the most saturated one.
-
#656d70
#656d70
rgb(101,109,112)
-
#5d7078
#5d7078
rgb(93,112,120)
-
#557380
#557380
rgb(85,115,128)
-
#4d7688
#4d7688
rgb(77,118,136)
-
#457990
#457990
rgb(69,121,144)
-
#3c7d99
#3c7d99
rgb(60,125,153)
-
#3480a1
#3480a1
rgb(52,128,161)
-
#2c83a9
#2c83a9
rgb(44,131,169)
-
#2486b1
#2486b1
rgb(36,134,177)
-
#1c8ab9
#1c8ab9
rgb(28,138,185)
-
#138dc2
#138dc2
rgb(19,141,194)
-
#0b90ca
#0b90ca
rgb(11,144,202)
-
#0393d2
#0393d2
rgb(3,147,210)
Color Blindness Simulator
Below, you can see how #557380 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.