#506df9 Color Information
In a RGB color space, hex #506df9 is composed of 31.4% red, 42.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 56.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 229.7 degrees, a saturation of 93.4% and a lightness of 64.5%. #506df9 color hex could be obtained by blending #a0daff with #0000f3. Closest websafe color is: #6666ff.
-
- R 31
- G 43
- B 98
-
- C 68
- M 56
- Y 0
- K 2
● #506df9 color description : Soft blue.
#506df9 Color Conversion
The hexadecimal color #506df9 has RGB values of R:80, G:109, B:249 and CMYK values of C:0.68, M:0.56, Y:0, K:0.02. Its decimal value is 5271033.
Hex triplet | 506df9 | #506df9 |
---|---|---|
RGB Decimal | 80, 109, 249 | rgb(80,109,249) |
RGB Percent | 31.4, 42.7, 97.6 | rgb(31.4%,42.7%,97.6%) |
CMYK | 68, 56, 0, 2 | |
HSL | 229.7°, 93.4, 64.5 | hsl(229.7,93.4%,64.5%) |
HSV (or HSB) | 229.7°, 67.9, 97.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.245, 34.193, -73.147 |
---|---|
XYZ | 25.872, 19.481, 92.014 |
xyY | 0.188, 0.142, 19.481 |
CIE-LCH | 51.245, 80.745, 295.054 |
CIE-LUV | 51.245, -15.757, -115.407 |
Hunter-Lab | 44.137, 27.393, -92.708 |
Binary | 01010000, 01101101, 11111001 |
Color Schemes with #506df9
Alternatives to #506df9
Below, you can see some colors close to #506df9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506df9 Preview
This text has a font color of #506df9.
<span style="color:#506df9;">Text here</span>
This paragraph has a background color of #506df9.
<p style="background-color:#506df9;">Content here</p>
This element has a border color of #506df9.
<div style="border:1px solid #506df9;">Content here</div>
.text {color:#506df9;}
.background {background-color:#506df9;}
.border {border:1px solid #506df9;}
Shades and Tints of #506df9
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, #01030f is the darkest color, while #fbfbff is the lightest one.
-
#01030f
#01030f
rgb(1,3,15)
-
#010722
#010722
rgb(1,7,34)
-
#020b35
#020b35
rgb(2,11,53)
-
#020e48
#020e48
rgb(2,14,72)
-
#03125b
#03125b
rgb(3,18,91)
-
#04166d
#04166d
rgb(4,22,109)
-
#041a80
#041a80
rgb(4,26,128)
-
#051d93
#051d93
rgb(5,29,147)
-
#0621a6
#0621a6
rgb(6,33,166)
-
#0625b9
#0625b9
rgb(6,37,185)
-
#0729cc
#0729cc
rgb(7,41,204)
-
#082ddf
#082ddf
rgb(8,45,223)
-
#0830f2
#0830f2
rgb(8,48,242)
-
#173ef7
#173ef7
rgb(23,62,247)
-
#2a4df8
#2a4df8
rgb(42,77,248)
-
#3d5df8
#3d5df8
rgb(61,93,248)
-
#506df9
#506df9
rgb(80,109,249)
-
#637dfa
#637dfa
rgb(99,125,250)
-
#768dfa
#768dfa
rgb(118,141,250)
-
#899cfb
#899cfb
rgb(137,156,251)
-
#9cacfc
#9cacfc
rgb(156,172,252)
-
#afbcfc
#afbcfc
rgb(175,188,252)
-
#c2ccfd
#c2ccfd
rgb(194,204,253)
-
#d5dcfe
#d5dcfe
rgb(213,220,254)
-
#e8ecfe
#e8ecfe
rgb(232,236,254)
-
#fbfbff
#fbfbff
rgb(251,251,255)
Tones of #506df9
A tone is produced by adding gray to any pure hue. In this case, #a4a4a5 is the less saturated color, while #506df9 is the most saturated one.
-
#a4a4a5
#a4a4a5
rgb(164,164,165)
-
#9d9fac
#9d9fac
rgb(157,159,172)
-
#969bb3
#969bb3
rgb(150,155,179)
-
#8f96ba
#8f96ba
rgb(143,150,186)
-
#8892c1
#8892c1
rgb(136,146,193)
-
#818dc8
#818dc8
rgb(129,141,200)
-
#7a88cf
#7a88cf
rgb(122,136,207)
-
#7384d6
#7384d6
rgb(115,132,214)
-
#6c7fdd
#6c7fdd
rgb(108,127,221)
-
#657be4
#657be4
rgb(101,123,228)
-
#5e76eb
#5e76eb
rgb(94,118,235)
-
#5772f2
#5772f2
rgb(87,114,242)
-
#506df9
#506df9
rgb(80,109,249)
Color Blindness Simulator
Below, you can see how #506df9 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.