#3b557e Color Information
In a RGB color space, hex #3b557e is composed of 23.1% red, 33.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 32.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 216.7 degrees, a saturation of 36.2% and a lightness of 36.3%. #3b557e color hex could be obtained by blending #76aafc with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 49
-
- C 53
- M 33
- Y 0
- K 51
● #3b557e color description : Dark moderate blue.
#3b557e Color Conversion
The hexadecimal color #3b557e has RGB values of R:59, G:85, B:126 and CMYK values of C:0.53, M:0.33, Y:0, K:0.51. Its decimal value is 3888510.
Hex triplet | 3b557e | #3b557e |
---|---|---|
RGB Decimal | 59, 85, 126 | rgb(59,85,126) |
RGB Percent | 23.1, 33.3, 49.4 | rgb(23.1%,33.3%,49.4%) |
CMYK | 53, 33, 0, 51 | |
HSL | 216.7°, 36.2, 36.3 | hsl(216.7,36.2%,36.3%) |
HSV (or HSB) | 216.7°, 53.2, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.854, 2.833, -26.144 |
---|---|
XYZ | 8.817, 8.933, 20.997 |
xyY | 0.228, 0.231, 8.933 |
CIE-LCH | 35.854, 26.297, 276.184 |
CIE-LUV | 35.854, -12.336, -36.212 |
Hunter-Lab | 29.888, 0.356, -20.732 |
Binary | 00111011, 01010101, 01111110 |
Color Schemes with #3b557e
Alternatives to #3b557e
Below, you can see some colors close to #3b557e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3b557e Preview
This text has a font color of #3b557e.
<span style="color:#3b557e;">Text here</span>
This paragraph has a background color of #3b557e.
<p style="background-color:#3b557e;">Content here</p>
This element has a border color of #3b557e.
<div style="border:1px solid #3b557e;">Content here</div>
.text {color:#3b557e;}
.background {background-color:#3b557e;}
.border {border:1px solid #3b557e;}
Shades and Tints of #3b557e
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, #030406 is the darkest color, while #f7f9fb is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#090d13
#090d13
rgb(9,13,19)
-
#0f1620
#0f1620
rgb(15,22,32)
-
#151f2e
#151f2e
rgb(21,31,46)
-
#1c283b
#1c283b
rgb(28,40,59)
-
#223149
#223149
rgb(34,49,73)
-
#283a56
#283a56
rgb(40,58,86)
-
#2e4363
#2e4363
rgb(46,67,99)
-
#354c71
#354c71
rgb(53,76,113)
-
#3b557e
#3b557e
rgb(59,85,126)
-
#415e8b
#415e8b
rgb(65,94,139)
-
#486799
#486799
rgb(72,103,153)
-
#4e70a6
#4e70a6
rgb(78,112,166)
-
#577ab0
#577ab0
rgb(87,122,176)
-
#6484b7
#6484b7
rgb(100,132,183)
-
#728fbd
#728fbd
rgb(114,143,189)
-
#7f9ac3
#7f9ac3
rgb(127,154,195)
-
#8da4c9
#8da4c9
rgb(141,164,201)
-
#9aafd0
#9aafd0
rgb(154,175,208)
-
#a7b9d6
#a7b9d6
rgb(167,185,214)
-
#b5c4dc
#b5c4dc
rgb(181,196,220)
-
#c2cfe2
#c2cfe2
rgb(194,207,226)
-
#cfd9e9
#cfd9e9
rgb(207,217,233)
-
#dde4ef
#dde4ef
rgb(221,228,239)
-
#eaeef5
#eaeef5
rgb(234,238,245)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #3b557e
A tone is produced by adding gray to any pure hue. In this case, #575b62 is the less saturated color, while #0248b7 is the most saturated one.
-
#575b62
#575b62
rgb(87,91,98)
-
#505a69
#505a69
rgb(80,90,105)
-
#495870
#495870
rgb(73,88,112)
-
#425777
#425777
rgb(66,87,119)
-
#3b557e
#3b557e
rgb(59,85,126)
-
#345385
#345385
rgb(52,83,133)
-
#2d528c
#2d528c
rgb(45,82,140)
-
#265093
#265093
rgb(38,80,147)
-
#1f4f9a
#1f4f9a
rgb(31,79,154)
-
#174da2
#174da2
rgb(23,77,162)
-
#104ba9
#104ba9
rgb(16,75,169)
-
#094ab0
#094ab0
rgb(9,74,176)
-
#0248b7
#0248b7
rgb(2,72,183)
Color Blindness Simulator
Below, you can see how #3b557e 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.