#506ed4 Color Information
In a RGB color space, hex #506ed4 is composed of 31.4% red, 43.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 48.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 226.4 degrees, a saturation of 60.6% and a lightness of 57.3%. #506ed4 color hex could be obtained by blending #a0dcff with #0000a9. Closest websafe color is: #6666cc.
-
- R 31
- G 43
- B 83
-
- C 62
- M 48
- Y 0
- K 17
● #506ed4 color description : Moderate blue.
#506ed4 Color Conversion
The hexadecimal color #506ed4 has RGB values of R:80, G:110, B:212 and CMYK values of C:0.62, M:0.48, Y:0, K:0.17. Its decimal value is 5271252.
Hex triplet | 506ed4 | #506ed4 |
---|---|---|
RGB Decimal | 80, 110, 212 | rgb(80,110,212) |
RGB Percent | 31.4, 43.1, 83.1 | rgb(31.4%,43.1%,83.1%) |
CMYK | 62, 48, 0, 17 | |
HSL | 226.4°, 60.6, 57.3 | hsl(226.4,60.6%,57.3%) |
HSV (or HSB) | 226.4°, 62.3, 83.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.019, 20.886, -55.944 |
---|---|
XYZ | 20.765, 17.61, 64.588 |
xyY | 0.202, 0.171, 17.61 |
CIE-LCH | 49.019, 59.716, 290.473 |
CIE-LUV | 49.019, -15.496, -87.457 |
Hunter-Lab | 41.964, 14.892, -61.881 |
Binary | 01010000, 01101110, 11010100 |
Color Schemes with #506ed4
Alternatives to #506ed4
Below, you can see some colors close to #506ed4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506ed4 Preview
This text has a font color of #506ed4.
<span style="color:#506ed4;">Text here</span>
This paragraph has a background color of #506ed4.
<p style="background-color:#506ed4;">Content here</p>
This element has a border color of #506ed4.
<div style="border:1px solid #506ed4;">Content here</div>
.text {color:#506ed4;}
.background {background-color:#506ed4;}
.border {border:1px solid #506ed4;}
Shades and Tints of #506ed4
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, #03060e is the darkest color, while #fdfeff is the lightest one.
-
#03060e
#03060e
rgb(3,6,14)
-
#070c1e
#070c1e
rgb(7,12,30)
-
#0b132d
#0b132d
rgb(11,19,45)
-
#0f1a3d
#0f1a3d
rgb(15,26,61)
-
#13204d
#13204d
rgb(19,32,77)
-
#17275d
#17275d
rgb(23,39,93)
-
#1b2d6c
#1b2d6c
rgb(27,45,108)
-
#1f347c
#1f347c
rgb(31,52,124)
-
#223a8c
#223a8c
rgb(34,58,140)
-
#26419c
#26419c
rgb(38,65,156)
-
#2a48ab
#2a48ab
rgb(42,72,171)
-
#2e4ebb
#2e4ebb
rgb(46,78,187)
-
#3255cb
#3255cb
rgb(50,85,203)
-
#4061d0
#4061d0
rgb(64,97,208)
-
#506ed4
#506ed4
rgb(80,110,212)
-
#607bd8
#607bd8
rgb(96,123,216)
-
#6f88dc
#6f88dc
rgb(111,136,220)
-
#7f95e0
#7f95e0
rgb(127,149,224)
-
#8fa2e3
#8fa2e3
rgb(143,162,227)
-
#9fafe7
#9fafe7
rgb(159,175,231)
-
#aebceb
#aebceb
rgb(174,188,235)
-
#bec9ef
#bec9ef
rgb(190,201,239)
-
#ced6f3
#ced6f3
rgb(206,214,243)
-
#dee3f7
#dee3f7
rgb(222,227,247)
-
#edf0fb
#edf0fb
rgb(237,240,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #506ed4
A tone is produced by adding gray to any pure hue. In this case, #8b8e99 is the less saturated color, while #2657fe is the most saturated one.
-
#8b8e99
#8b8e99
rgb(139,142,153)
-
#8289a2
#8289a2
rgb(130,137,162)
-
#7a85aa
#7a85aa
rgb(122,133,170)
-
#7280b2
#7280b2
rgb(114,128,178)
-
#697cbb
#697cbb
rgb(105,124,187)
-
#6177c3
#6177c3
rgb(97,119,195)
-
#5873cc
#5873cc
rgb(88,115,204)
-
#506ed4
#506ed4
rgb(80,110,212)
-
#4869dc
#4869dc
rgb(72,105,220)
-
#3f65e5
#3f65e5
rgb(63,101,229)
-
#3760ed
#3760ed
rgb(55,96,237)
-
#2e5cf6
#2e5cf6
rgb(46,92,246)
-
#2657fe
#2657fe
rgb(38,87,254)
Color Blindness Simulator
Below, you can see how #506ed4 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.