#557f97 Color Information
In a RGB color space, hex #557f97 is composed of 33.3% red, 49.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 15.9% magenta, 0% yellow and 40.8% black. It has a hue angle of 201.8 degrees, a saturation of 28% and a lightness of 46.3%. #557f97 color hex could be obtained by blending #aafeff with #00002f. Closest websafe color is: #666699.
-
- R 33
- G 50
- B 59
-
- C 44
- M 16
- Y 0
- K 41
● #557f97 color description : Mostly desaturated dark blue.
#557f97 Color Conversion
The hexadecimal color #557f97 has RGB values of R:85, G:127, B:151 and CMYK values of C:0.44, M:0.16, Y:0, K:0.41. Its decimal value is 5603223.
Hex triplet | 557f97 | #557f97 |
---|---|---|
RGB Decimal | 85, 127, 151 | rgb(85,127,151) |
RGB Percent | 33.3, 49.8, 59.2 | rgb(33.3%,49.8%,59.2%) |
CMYK | 44, 16, 0, 41 | |
HSL | 201.8°, 28, 46.3 | hsl(201.8,28%,46.3%) |
HSV (or HSB) | 201.8°, 43.7, 59.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.087, -7.895, -17.469 |
---|---|
XYZ | 16.92, 19.344, 32.119 |
xyY | 0.247, 0.283, 19.344 |
CIE-LCH | 51.087, 19.17, 245.679 |
CIE-LUV | 51.087, -19.974, -24.444 |
Hunter-Lab | 43.981, -8.296, -12.511 |
Binary | 01010101, 01111111, 10010111 |
Color Schemes with #557f97
Alternatives to #557f97
Below, you can see some colors close to #557f97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557f97 Preview
This text has a font color of #557f97.
<span style="color:#557f97;">Text here</span>
This paragraph has a background color of #557f97.
<p style="background-color:#557f97;">Content here</p>
This element has a border color of #557f97.
<div style="border:1px solid #557f97;">Content here</div>
.text {color:#557f97;}
.background {background-color:#557f97;}
.border {border:1px solid #557f97;}
Shades and Tints of #557f97
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)
-
#152026
#152026
rgb(21,32,38)
-
#1c2b33
#1c2b33
rgb(28,43,51)
-
#24353f
#24353f
rgb(36,53,63)
-
#2b404c
#2b404c
rgb(43,64,76)
-
#324a58
#324a58
rgb(50,74,88)
-
#395565
#395565
rgb(57,85,101)
-
#405f71
#405f71
rgb(64,95,113)
-
#476a7e
#476a7e
rgb(71,106,126)
-
#4e748a
#4e748a
rgb(78,116,138)
-
#557f97
#557f97
rgb(85,127,151)
-
#5c8aa3
#5c8aa3
rgb(92,138,163)
-
#6993aa
#6993aa
rgb(105,147,170)
-
#759cb2
#759cb2
rgb(117,156,178)
-
#82a5b9
#82a5b9
rgb(130,165,185)
-
#8eaec0
#8eaec0
rgb(142,174,192)
-
#9bb7c7
#9bb7c7
rgb(155,183,199)
-
#a8c0ce
#a8c0ce
rgb(168,192,206)
-
#b4c9d5
#b4c9d5
rgb(180,201,213)
-
#c1d2dc
#c1d2dc
rgb(193,210,220)
-
#cddbe3
#cddbe3
rgb(205,219,227)
-
#dae4ea
#dae4ea
rgb(218,228,234)
-
#e6edf1
#e6edf1
rgb(230,237,241)
-
#f3f6f8
#f3f6f8
rgb(243,246,248)
Tones of #557f97
A tone is produced by adding gray to any pure hue. In this case, #70787c is the less saturated color, while #0395e9 is the most saturated one.
-
#70787c
#70787c
rgb(112,120,124)
-
#677a85
#677a85
rgb(103,122,133)
-
#5e7d8e
#5e7d8e
rgb(94,125,142)
-
#557f97
#557f97
rgb(85,127,151)
-
#4c81a0
#4c81a0
rgb(76,129,160)
-
#4384a9
#4384a9
rgb(67,132,169)
-
#3a86b2
#3a86b2
rgb(58,134,178)
-
#3189bb
#3189bb
rgb(49,137,187)
-
#288bc4
#288bc4
rgb(40,139,196)
-
#1f8ecd
#1f8ecd
rgb(31,142,205)
-
#1590d7
#1590d7
rgb(21,144,215)
-
#0c93e0
#0c93e0
rgb(12,147,224)
-
#0395e9
#0395e9
rgb(3,149,233)
Color Blindness Simulator
Below, you can see how #557f97 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.