#557b9c Color Information
In a RGB color space, hex #557b9c is composed of 33.3% red, 48.2% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 21.2% magenta, 0% yellow and 38.8% black. It has a hue angle of 207.9 degrees, a saturation of 29.5% and a lightness of 47.3%. #557b9c color hex could be obtained by blending #aaf6ff with #000039. Closest websafe color is: #666699.
-
- R 33
- G 48
- B 61
-
- C 46
- M 21
- Y 0
- K 39
● #557b9c color description : Dark moderate blue.
#557b9c Color Conversion
The hexadecimal color #557b9c has RGB values of R:85, G:123, B:156 and CMYK values of C:0.46, M:0.21, Y:0, K:0.39. Its decimal value is 5602204.
Hex triplet | 557b9c | #557b9c |
---|---|---|
RGB Decimal | 85, 123, 156 | rgb(85,123,156) |
RGB Percent | 33.3, 48.2, 61.2 | rgb(33.3%,48.2%,61.2%) |
CMYK | 46, 21, 0, 39 | |
HSL | 207.9°, 29.5, 47.3 | hsl(207.9,29.5%,47.3%) |
HSV (or HSB) | 207.9°, 45.5, 61.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.093, -4.121, -21.911 |
---|---|
XYZ | 16.829, 18.497, 34.134 |
xyY | 0.242, 0.266, 18.497 |
CIE-LCH | 50.093, 22.295, 259.348 |
CIE-LUV | 50.093, -18.329, -31.7 |
Hunter-Lab | 43.008, -5.418, -16.951 |
Binary | 01010101, 01111011, 10011100 |
Color Schemes with #557b9c
Alternatives to #557b9c
Below, you can see some colors close to #557b9c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557b9c Preview
This text has a font color of #557b9c.
<span style="color:#557b9c;">Text here</span>
This paragraph has a background color of #557b9c.
<p style="background-color:#557b9c;">Content here</p>
This element has a border color of #557b9c.
<div style="border:1px solid #557b9c;">Content here</div>
.text {color:#557b9c;}
.background {background-color:#557b9c;}
.border {border:1px solid #557b9c;}
Shades and Tints of #557b9c
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, #020304 is the darkest color, while #f6f8fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090d10
#090d10
rgb(9,13,16)
-
#10171d
#10171d
rgb(16,23,29)
-
#17212a
#17212a
rgb(23,33,42)
-
#1e2b36
#1e2b36
rgb(30,43,54)
-
#253543
#253543
rgb(37,53,67)
-
#2b3f50
#2b3f50
rgb(43,63,80)
-
#32495d
#32495d
rgb(50,73,93)
-
#395369
#395369
rgb(57,83,105)
-
#405d76
#405d76
rgb(64,93,118)
-
#476783
#476783
rgb(71,103,131)
-
#4e718f
#4e718f
rgb(78,113,143)
-
#557b9c
#557b9c
rgb(85,123,156)
-
#5e85a7
#5e85a7
rgb(94,133,167)
-
#6a8eae
#6a8eae
rgb(106,142,174)
-
#7798b5
#7798b5
rgb(119,152,181)
-
#84a2bc
#84a2bc
rgb(132,162,188)
-
#90abc3
#90abc3
rgb(144,171,195)
-
#9db5ca
#9db5ca
rgb(157,181,202)
-
#aabfd1
#aabfd1
rgb(170,191,209)
-
#b6c8d7
#b6c8d7
rgb(182,200,215)
-
#c3d2de
#c3d2de
rgb(195,210,222)
-
#d0dbe5
#d0dbe5
rgb(208,219,229)
-
#dde5ec
#dde5ec
rgb(221,229,236)
-
#e9eff3
#e9eff3
rgb(233,239,243)
-
#f6f8fa
#f6f8fa
rgb(246,248,250)
Tones of #557b9c
A tone is produced by adding gray to any pure hue. In this case, #717980 is the less saturated color, while #0281ef is the most saturated one.
-
#717980
#717980
rgb(113,121,128)
-
#687a89
#687a89
rgb(104,122,137)
-
#5e7a93
#5e7a93
rgb(94,122,147)
-
#557b9c
#557b9c
rgb(85,123,156)
-
#4c7ca5
#4c7ca5
rgb(76,124,165)
-
#427caf
#427caf
rgb(66,124,175)
-
#397db8
#397db8
rgb(57,125,184)
-
#307ec1
#307ec1
rgb(48,126,193)
-
#277eca
#277eca
rgb(39,126,202)
-
#1d7fd4
#1d7fd4
rgb(29,127,212)
-
#1480dd
#1480dd
rgb(20,128,221)
-
#0b80e6
#0b80e6
rgb(11,128,230)
-
#0281ef
#0281ef
rgb(2,129,239)
Color Blindness Simulator
Below, you can see how #557b9c 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.