#557f9b Color Information
In a RGB color space, hex #557f9b is composed of 33.3% red, 49.8% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 18.1% magenta, 0% yellow and 39.2% black. It has a hue angle of 204 degrees, a saturation of 29.2% and a lightness of 47.1%. #557f9b color hex could be obtained by blending #aafeff with #000037. Closest websafe color is: #666699.
-
- R 33
- G 50
- B 61
-
- C 45
- M 18
- Y 0
- K 39
● #557f9b color description : Dark moderate blue.
#557f9b Color Conversion
The hexadecimal color #557f9b has RGB values of R:85, G:127, B:155 and CMYK values of C:0.45, M:0.18, Y:0, K:0.39. Its decimal value is 5603227.
Hex triplet | 557f9b | #557f9b |
---|---|---|
RGB Decimal | 85, 127, 155 | rgb(85,127,155) |
RGB Percent | 33.3, 49.8, 60.8 | rgb(33.3%,49.8%,60.8%) |
CMYK | 45, 18, 0, 39 | |
HSL | 204°, 29.2, 47.1 | hsl(204,29.2%,47.1%) |
HSV (or HSB) | 204°, 45.2, 60.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.239, -6.733, -19.569 |
---|---|
XYZ | 17.251, 19.476, 33.859 |
xyY | 0.244, 0.276, 19.476 |
CIE-LCH | 51.239, 20.695, 251.012 |
CIE-LUV | 51.239, -19.94, -27.858 |
Hunter-Lab | 44.131, -7.455, -14.597 |
Binary | 01010101, 01111111, 10011011 |
Color Schemes with #557f9b
Alternatives to #557f9b
Below, you can see some colors close to #557f9b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557f9b Preview
This text has a font color of #557f9b.
<span style="color:#557f9b;">Text here</span>
This paragraph has a background color of #557f9b.
<p style="background-color:#557f9b;">Content here</p>
This element has a border color of #557f9b.
<div style="border:1px solid #557f9b;">Content here</div>
.text {color:#557f9b;}
.background {background-color:#557f9b;}
.border {border:1px solid #557f9b;}
Shades and Tints of #557f9b
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, #020203 is the darkest color, while #f5f8fa is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#090d10
#090d10
rgb(9,13,16)
-
#10171c
#10171c
rgb(16,23,28)
-
#162229
#162229
rgb(22,34,41)
-
#1d2c36
#1d2c36
rgb(29,44,54)
-
#243642
#243642
rgb(36,54,66)
-
#2b414f
#2b414f
rgb(43,65,79)
-
#324b5c
#324b5c
rgb(50,75,92)
-
#395568
#395568
rgb(57,85,104)
-
#406075
#406075
rgb(64,96,117)
-
#476a82
#476a82
rgb(71,106,130)
-
#4e758e
#4e758e
rgb(78,117,142)
-
#557f9b
#557f9b
rgb(85,127,155)
-
#5d89a6
#5d89a6
rgb(93,137,166)
-
#6a92ad
#6a92ad
rgb(106,146,173)
-
#779cb4
#779cb4
rgb(119,156,180)
-
#83a5bb
#83a5bb
rgb(131,165,187)
-
#90aec2
#90aec2
rgb(144,174,194)
-
#9db7c9
#9db7c9
rgb(157,183,201)
-
#a9c1d0
#a9c1d0
rgb(169,193,208)
-
#b6cad7
#b6cad7
rgb(182,202,215)
-
#c3d3de
#c3d3de
rgb(195,211,222)
-
#cfdce5
#cfdce5
rgb(207,220,229)
-
#dce5ec
#dce5ec
rgb(220,229,236)
-
#e9eff3
#e9eff3
rgb(233,239,243)
-
#f5f8fa
#f5f8fa
rgb(245,248,250)
Tones of #557f9b
A tone is produced by adding gray to any pure hue. In this case, #71797f is the less saturated color, while #0290ee is the most saturated one.
-
#71797f
#71797f
rgb(113,121,127)
-
#677b89
#677b89
rgb(103,123,137)
-
#5e7d92
#5e7d92
rgb(94,125,146)
-
#557f9b
#557f9b
rgb(85,127,155)
-
#4c81a4
#4c81a4
rgb(76,129,164)
-
#4383ad
#4383ad
rgb(67,131,173)
-
#3985b7
#3985b7
rgb(57,133,183)
-
#3086c0
#3086c0
rgb(48,134,192)
-
#2788c9
#2788c9
rgb(39,136,201)
-
#1e8ad2
#1e8ad2
rgb(30,138,210)
-
#148cdc
#148cdc
rgb(20,140,220)
-
#0b8ee5
#0b8ee5
rgb(11,142,229)
-
#0290ee
#0290ee
rgb(2,144,238)
Color Blindness Simulator
Below, you can see how #557f9b 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.