#506bb8 Color Information
In a RGB color space, hex #506bb8 is composed of 31.4% red, 42% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 41.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 224.4 degrees, a saturation of 42.3% and a lightness of 51.8%. #506bb8 color hex could be obtained by blending #a0d6ff with #000071. Closest websafe color is: #6666cc.
-
- R 31
- G 42
- B 72
-
- C 57
- M 42
- Y 0
- K 28
● #506bb8 color description : Moderate blue.
#506bb8 Color Conversion
The hexadecimal color #506bb8 has RGB values of R:80, G:107, B:184 and CMYK values of C:0.57, M:0.42, Y:0, K:0.28. Its decimal value is 5270456.
Hex triplet | 506bb8 | #506bb8 |
---|---|---|
RGB Decimal | 80, 107, 184 | rgb(80,107,184) |
RGB Percent | 31.4, 42, 72.2 | rgb(31.4%,42%,72.2%) |
CMYK | 57, 42, 0, 28 | |
HSL | 224.4°, 42.3, 51.8 | hsl(224.4,42.3%,51.8%) |
HSV (or HSB) | 224.4°, 56.5, 72.2 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 46.553, 13.276, -43.797 |
---|---|
XYZ | 17.216, 15.681, 47.464 |
xyY | 0.214, 0.195, 15.681 |
CIE-LCH | 46.553, 45.765, 286.864 |
CIE-LUV | 46.553, -14.175, -67.11 |
Hunter-Lab | 39.599, 8.306, -43.347 |
Binary | 01010000, 01101011, 10111000 |
Color Schemes with #506bb8
Alternatives to #506bb8
Below, you can see some colors close to #506bb8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506bb8 Preview
This text has a font color of #506bb8.
<span style="color:#506bb8;">Text here</span>
This paragraph has a background color of #506bb8.
<p style="background-color:#506bb8;">Content here</p>
This element has a border color of #506bb8.
<div style="border:1px solid #506bb8;">Content here</div>
.text {color:#506bb8;}
.background {background-color:#506bb8;}
.border {border:1px solid #506bb8;}
Shades and Tints of #506bb8
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 #f7f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#080b14
#080b14
rgb(8,11,20)
-
#0e1322
#0e1322
rgb(14,19,34)
-
#141b30
#141b30
rgb(20,27,48)
-
#19233e
#19233e
rgb(25,35,62)
-
#1f2b4c
#1f2b4c
rgb(31,43,76)
-
#25325a
#25325a
rgb(37,50,90)
-
#2a3a68
#2a3a68
rgb(42,58,104)
-
#304276
#304276
rgb(48,66,118)
-
#364a84
#364a84
rgb(54,74,132)
-
#3b5292
#3b5292
rgb(59,82,146)
-
#415aa0
#415aa0
rgb(65,90,160)
-
#4761ae
#4761ae
rgb(71,97,174)
-
#506bb8
#506bb8
rgb(80,107,184)
-
#5e77be
#5e77be
rgb(94,119,190)
-
#6c83c3
#6c83c3
rgb(108,131,195)
-
#7a8ec9
#7a8ec9
rgb(122,142,201)
-
#889acf
#889acf
rgb(136,154,207)
-
#96a6d4
#96a6d4
rgb(150,166,212)
-
#a4b2da
#a4b2da
rgb(164,178,218)
-
#b2bee0
#b2bee0
rgb(178,190,224)
-
#c0c9e5
#c0c9e5
rgb(192,201,229)
-
#ced5eb
#ced5eb
rgb(206,213,235)
-
#dce1f1
#dce1f1
rgb(220,225,241)
-
#e9edf6
#e9edf6
rgb(233,237,246)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #506bb8
A tone is produced by adding gray to any pure hue. In this case, #7f8289 is the less saturated color, while #0e4bfa is the most saturated one.
-
#7f8289
#7f8289
rgb(127,130,137)
-
#767d92
#767d92
rgb(118,125,146)
-
#6c799c
#6c799c
rgb(108,121,156)
-
#6374a5
#6374a5
rgb(99,116,165)
-
#5970af
#5970af
rgb(89,112,175)
-
#506bb8
#506bb8
rgb(80,107,184)
-
#4766c1
#4766c1
rgb(71,102,193)
-
#3d62cb
#3d62cb
rgb(61,98,203)
-
#345dd4
#345dd4
rgb(52,93,212)
-
#2a59de
#2a59de
rgb(42,89,222)
-
#2154e7
#2154e7
rgb(33,84,231)
-
#1750f1
#1750f1
rgb(23,80,241)
-
#0e4bfa
#0e4bfa
rgb(14,75,250)
Color Blindness Simulator
Below, you can see how #506bb8 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.