#557f94 Color Information
In a RGB color space, hex #557f94 is composed of 33.3% red, 49.8% green and 58% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 14.2% magenta, 0% yellow and 42% black. It has a hue angle of 200 degrees, a saturation of 27% and a lightness of 45.7%. #557f94 color hex could be obtained by blending #aafeff with #000029. Closest websafe color is: #666699.
-
- R 33
- G 50
- B 58
-
- C 43
- M 14
- Y 0
- K 42
● #557f94 color description : Mostly desaturated dark blue.
#557f94 Color Conversion
The hexadecimal color #557f94 has RGB values of R:85, G:127, B:148 and CMYK values of C:0.43, M:0.14, Y:0, K:0.42. Its decimal value is 5603220.
Hex triplet | 557f94 | #557f94 |
---|---|---|
RGB Decimal | 85, 127, 148 | rgb(85,127,148) |
RGB Percent | 33.3, 49.8, 58 | rgb(33.3%,49.8%,58%) |
CMYK | 43, 14, 0, 42 | |
HSL | 200°, 27, 45.7 | hsl(200,27%,45.7%) |
HSV (or HSB) | 200°, 42.6, 58 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.975, -8.754, -15.887 |
---|---|
XYZ | 16.68, 19.247, 30.852 |
xyY | 0.25, 0.288, 19.247 |
CIE-LCH | 50.975, 18.139, 241.143 |
CIE-LUV | 50.975, -20.001, -21.891 |
Hunter-Lab | 43.872, -8.911, -10.984 |
Binary | 01010101, 01111111, 10010100 |
Color Schemes with #557f94
Alternatives to #557f94
Below, you can see some colors close to #557f94. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557f94 Preview
This text has a font color of #557f94.
<span style="color:#557f94;">Text here</span>
This paragraph has a background color of #557f94.
<p style="background-color:#557f94;">Content here</p>
This element has a border color of #557f94.
<div style="border:1px solid #557f94;">Content here</div>
.text {color:#557f94;}
.background {background-color:#557f94;}
.border {border:1px solid #557f94;}
Shades and Tints of #557f94
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, #06090b is the darkest color, while #fdfefe is the lightest one.
-
#06090b
#06090b
rgb(6,9,11)
-
#0d1417
#0d1417
rgb(13,20,23)
-
#151f24
#151f24
rgb(21,31,36)
-
#1c2930
#1c2930
rgb(28,41,48)
-
#23343d
#23343d
rgb(35,52,61)
-
#2a3f49
#2a3f49
rgb(42,63,73)
-
#314a56
#314a56
rgb(49,74,86)
-
#385462
#385462
rgb(56,84,98)
-
#405f6f
#405f6f
rgb(64,95,111)
-
#476a7b
#476a7b
rgb(71,106,123)
-
#4e7488
#4e7488
rgb(78,116,136)
-
#557f94
#557f94
rgb(85,127,148)
-
#5c8aa0
#5c8aa0
rgb(92,138,160)
-
#6893a8
#6893a8
rgb(104,147,168)
-
#749caf
#749caf
rgb(116,156,175)
-
#81a5b7
#81a5b7
rgb(129,165,183)
-
#8daebe
#8daebe
rgb(141,174,190)
-
#9ab7c5
#9ab7c5
rgb(154,183,197)
-
#a6bfcc
#a6bfcc
rgb(166,191,204)
-
#b3c8d3
#b3c8d3
rgb(179,200,211)
-
#bfd1da
#bfd1da
rgb(191,209,218)
-
#ccdae2
#ccdae2
rgb(204,218,226)
-
#d8e3e9
#d8e3e9
rgb(216,227,233)
-
#e5ecf0
#e5ecf0
rgb(229,236,240)
-
#f1f5f7
#f1f5f7
rgb(241,245,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #557f94
A tone is produced by adding gray to any pure hue. In this case, #707679 is the less saturated color, while #049ae5 is the most saturated one.
-
#707679
#707679
rgb(112,118,121)
-
#677982
#677982
rgb(103,121,130)
-
#5e7c8b
#5e7c8b
rgb(94,124,139)
-
#557f94
#557f94
rgb(85,127,148)
-
#4c829d
#4c829d
rgb(76,130,157)
-
#4385a6
#4385a6
rgb(67,133,166)
-
#3a88af
#3a88af
rgb(58,136,175)
-
#318bb8
#318bb8
rgb(49,139,184)
-
#288ec1
#288ec1
rgb(40,142,193)
-
#1f91ca
#1f91ca
rgb(31,145,202)
-
#1694d3
#1694d3
rgb(22,148,211)
-
#0d97dc
#0d97dc
rgb(13,151,220)
-
#049ae5
#049ae5
rgb(4,154,229)
Color Blindness Simulator
Below, you can see how #557f94 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.