#557c97 Color Information
In a RGB color space, hex #557c97 is composed of 33.3% red, 48.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 17.9% magenta, 0% yellow and 40.8% black. It has a hue angle of 204.5 degrees, a saturation of 28% and a lightness of 46.3%. #557c97 color hex could be obtained by blending #aaf8ff with #00002f. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 59
-
- C 44
- M 18
- Y 0
- K 41
● #557c97 color description : Mostly desaturated dark blue.
#557c97 Color Conversion
The hexadecimal color #557c97 has RGB values of R:85, G:124, B:151 and CMYK values of C:0.44, M:0.18, Y:0, K:0.41. Its decimal value is 5602455.
Hex triplet | 557c97 | #557c97 |
---|---|---|
RGB Decimal | 85, 124, 151 | rgb(85,124,151) |
RGB Percent | 33.3, 48.6, 59.2 | rgb(33.3%,48.6%,59.2%) |
CMYK | 44, 18, 0, 41 | |
HSL | 204.5°, 28, 46.3 | hsl(204.5,28%,46.3%) |
HSV (or HSB) | 204.5°, 43.7, 59.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.192, -6.171, -18.835 |
---|---|
XYZ | 16.539, 18.58, 31.991 |
xyY | 0.246, 0.277, 18.58 |
CIE-LCH | 50.192, 19.82, 251.859 |
CIE-LUV | 50.192, -18.753, -26.684 |
Hunter-Lab | 43.105, -6.946, -13.83 |
Binary | 01010101, 01111100, 10010111 |
Color Schemes with #557c97
Alternatives to #557c97
Below, you can see some colors close to #557c97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557c97 Preview
This text has a font color of #557c97.
<span style="color:#557c97;">Text here</span>
This paragraph has a background color of #557c97.
<p style="background-color:#557c97;">Content here</p>
This element has a border color of #557c97.
<div style="border:1px solid #557c97;">Content here</div>
.text {color:#557c97;}
.background {background-color:#557c97;}
.border {border:1px solid #557c97;}
Shades and Tints of #557c97
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, #000000 is the darkest color, while #f3f6f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#070b0d
#070b0d
rgb(7,11,13)
-
#0e1519
#0e1519
rgb(14,21,25)
-
#151f26
#151f26
rgb(21,31,38)
-
#1c2a33
#1c2a33
rgb(28,42,51)
-
#24343f
#24343f
rgb(36,52,63)
-
#2b3e4c
#2b3e4c
rgb(43,62,76)
-
#324858
#324858
rgb(50,72,88)
-
#395365
#395365
rgb(57,83,101)
-
#405d71
#405d71
rgb(64,93,113)
-
#47677e
#47677e
rgb(71,103,126)
-
#4e728a
#4e728a
rgb(78,114,138)
-
#557c97
#557c97
rgb(85,124,151)
-
#5c86a3
#5c86a3
rgb(92,134,163)
-
#6990aa
#6990aa
rgb(105,144,170)
-
#7599b2
#7599b2
rgb(117,153,178)
-
#82a2b9
#82a2b9
rgb(130,162,185)
-
#8eacc0
#8eacc0
rgb(142,172,192)
-
#9bb5c7
#9bb5c7
rgb(155,181,199)
-
#a8bece
#a8bece
rgb(168,190,206)
-
#b4c7d5
#b4c7d5
rgb(180,199,213)
-
#c1d1dc
#c1d1dc
rgb(193,209,220)
-
#cddae3
#cddae3
rgb(205,218,227)
-
#dae3ea
#dae3ea
rgb(218,227,234)
-
#e6edf1
#e6edf1
rgb(230,237,241)
-
#f3f6f8
#f3f6f8
rgb(243,246,248)
Tones of #557c97
A tone is produced by adding gray to any pure hue. In this case, #70777c is the less saturated color, while #038be9 is the most saturated one.
-
#70777c
#70777c
rgb(112,119,124)
-
#677985
#677985
rgb(103,121,133)
-
#5e7a8e
#5e7a8e
rgb(94,122,142)
-
#557c97
#557c97
rgb(85,124,151)
-
#4c7ea0
#4c7ea0
rgb(76,126,160)
-
#437fa9
#437fa9
rgb(67,127,169)
-
#3a81b2
#3a81b2
rgb(58,129,178)
-
#3183bb
#3183bb
rgb(49,131,187)
-
#2884c4
#2884c4
rgb(40,132,196)
-
#1f86cd
#1f86cd
rgb(31,134,205)
-
#1588d7
#1588d7
rgb(21,136,215)
-
#0c89e0
#0c89e0
rgb(12,137,224)
-
#038be9
#038be9
rgb(3,139,233)
Color Blindness Simulator
Below, you can see how #557c97 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.