#506ba5 Color Information
In a RGB color space, hex #506ba5 is composed of 31.4% red, 42% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 35.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 220.9 degrees, a saturation of 34.7% and a lightness of 48%. #506ba5 color hex could be obtained by blending #a0d6ff with #00004b. Closest websafe color is: #666699.
-
- R 31
- G 42
- B 65
-
- C 52
- M 35
- Y 0
- K 35
● #506ba5 color description : Dark moderate blue.
#506ba5 Color Conversion
The hexadecimal color #506ba5 has RGB values of R:80, G:107, B:165 and CMYK values of C:0.52, M:0.35, Y:0, K:0.35. Its decimal value is 5270437.
Hex triplet | 506ba5 | #506ba5 |
---|---|---|
RGB Decimal | 80, 107, 165 | rgb(80,107,165) |
RGB Percent | 31.4, 42, 64.7 | rgb(31.4%,42%,64.7%) |
CMYK | 52, 35, 0, 35 | |
HSL | 220.9°, 34.7, 48 | hsl(220.9,34.7%,48%) |
HSV (or HSB) | 220.9°, 51.5, 64.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 45.547, 7.032, -34.285 |
---|---|
XYZ | 15.356, 14.937, 37.669 |
xyY | 0.226, 0.22, 14.937 |
CIE-LCH | 45.547, 34.999, 281.59 |
CIE-LUV | 45.547, -13.941, -51.443 |
Hunter-Lab | 38.648, 3.289, -30.735 |
Binary | 01010000, 01101011, 10100101 |
Color Schemes with #506ba5
Alternatives to #506ba5
Below, you can see some colors close to #506ba5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506ba5 Preview
This text has a font color of #506ba5.
<span style="color:#506ba5;">Text here</span>
This paragraph has a background color of #506ba5.
<p style="background-color:#506ba5;">Content here</p>
This element has a border color of #506ba5.
<div style="border:1px solid #506ba5;">Content here</div>
.text {color:#506ba5;}
.background {background-color:#506ba5;}
.border {border:1px solid #506ba5;}
Shades and Tints of #506ba5
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 #f8f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#0a0d14
#0a0d14
rgb(10,13,20)
-
#101521
#101521
rgb(16,21,33)
-
#161e2e
#161e2e
rgb(22,30,46)
-
#1d263b
#1d263b
rgb(29,38,59)
-
#232f49
#232f49
rgb(35,47,73)
-
#2a3856
#2a3856
rgb(42,56,86)
-
#304063
#304063
rgb(48,64,99)
-
#364970
#364970
rgb(54,73,112)
-
#3d517d
#3d517d
rgb(61,81,125)
-
#435a8b
#435a8b
rgb(67,90,139)
-
#4a6298
#4a6298
rgb(74,98,152)
-
#506ba5
#506ba5
rgb(80,107,165)
-
#5a75af
#5a75af
rgb(90,117,175)
-
#6780b5
#6780b5
rgb(103,128,181)
-
#748bbc
#748bbc
rgb(116,139,188)
-
#8196c2
#8196c2
rgb(129,150,194)
-
#8fa1c8
#8fa1c8
rgb(143,161,200)
-
#9caccf
#9caccf
rgb(156,172,207)
-
#a9b7d5
#a9b7d5
rgb(169,183,213)
-
#b6c2dc
#b6c2dc
rgb(182,194,220)
-
#c3cde2
#c3cde2
rgb(195,205,226)
-
#d1d8e9
#d1d8e9
rgb(209,216,233)
-
#dee3ef
#dee3ef
rgb(222,227,239)
-
#ebeef5
#ebeef5
rgb(235,238,245)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #506ba5
A tone is produced by adding gray to any pure hue. In this case, #76797f is the less saturated color, while #0550f0 is the most saturated one.
-
#76797f
#76797f
rgb(118,121,127)
-
#6c7589
#6c7589
rgb(108,117,137)
-
#637292
#637292
rgb(99,114,146)
-
#596e9c
#596e9c
rgb(89,110,156)
-
#506ba5
#506ba5
rgb(80,107,165)
-
#4768ae
#4768ae
rgb(71,104,174)
-
#3d64b8
#3d64b8
rgb(61,100,184)
-
#3461c1
#3461c1
rgb(52,97,193)
-
#2a5dcb
#2a5dcb
rgb(42,93,203)
-
#215ad4
#215ad4
rgb(33,90,212)
-
#1756de
#1756de
rgb(23,86,222)
-
#0e53e7
#0e53e7
rgb(14,83,231)
-
#0550f0
#0550f0
rgb(5,80,240)
Color Blindness Simulator
Below, you can see how #506ba5 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.