#506cf7 Color Information
In a RGB color space, hex #506cf7 is composed of 31.4% red, 42.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 56.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 229.9 degrees, a saturation of 91.3% and a lightness of 64.1%. #506cf7 color hex could be obtained by blending #a0d8ff with #0000ef. Closest websafe color is: #6666ff.
-
- R 31
- G 42
- B 97
-
- C 68
- M 56
- Y 0
- K 3
● #506cf7 color description : Soft blue.
#506cf7 Color Conversion
The hexadecimal color #506cf7 has RGB values of R:80, G:108, B:247 and CMYK values of C:0.68, M:0.56, Y:0, K:0.03. Its decimal value is 5270775.
Hex triplet | 506cf7 | #506cf7 |
---|---|---|
RGB Decimal | 80, 108, 247 | rgb(80,108,247) |
RGB Percent | 31.4, 42.4, 96.9 | rgb(31.4%,42.4%,96.9%) |
CMYK | 68, 56, 0, 3 | |
HSL | 229.9°, 91.3, 64.1 | hsl(229.9,91.3%,64.1%) |
HSV (or HSB) | 229.9°, 67.6, 96.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.856, 34.123, -72.667 |
---|---|
XYZ | 25.456, 19.144, 90.344 |
xyY | 0.189, 0.142, 19.144 |
CIE-LCH | 50.856, 80.28, 295.154 |
CIE-LUV | 50.856, -15.458, -114.459 |
Hunter-Lab | 43.754, 27.279, -91.794 |
Binary | 01010000, 01101100, 11110111 |
Color Schemes with #506cf7
Alternatives to #506cf7
Below, you can see some colors close to #506cf7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506cf7 Preview
This text has a font color of #506cf7.
<span style="color:#506cf7;">Text here</span>
This paragraph has a background color of #506cf7.
<p style="background-color:#506cf7;">Content here</p>
This element has a border color of #506cf7.
<div style="border:1px solid #506cf7;">Content here</div>
.text {color:#506cf7;}
.background {background-color:#506cf7;}
.border {border:1px solid #506cf7;}
Shades and Tints of #506cf7
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, #01030d is the darkest color, while #f9faff is the lightest one.
-
#01030d
#01030d
rgb(1,3,13)
-
#01061f
#01061f
rgb(1,6,31)
-
#020a32
#020a32
rgb(2,10,50)
-
#030e45
#030e45
rgb(3,14,69)
-
#041258
#041258
rgb(4,18,88)
-
#05166a
#05166a
rgb(5,22,106)
-
#061a7d
#061a7d
rgb(6,26,125)
-
#071e90
#071e90
rgb(7,30,144)
-
#0721a3
#0721a3
rgb(7,33,163)
-
#0825b5
#0825b5
rgb(8,37,181)
-
#0929c8
#0929c8
rgb(9,41,200)
-
#0a2ddb
#0a2ddb
rgb(10,45,219)
-
#0b31ee
#0b31ee
rgb(11,49,238)
-
#183df4
#183df4
rgb(24,61,244)
-
#2a4cf5
#2a4cf5
rgb(42,76,245)
-
#3d5cf6
#3d5cf6
rgb(61,92,246)
-
#506cf7
#506cf7
rgb(80,108,247)
-
#637cf8
#637cf8
rgb(99,124,248)
-
#768cf9
#768cf9
rgb(118,140,249)
-
#889bfa
#889bfa
rgb(136,155,250)
-
#9babfa
#9babfa
rgb(155,171,250)
-
#aebbfb
#aebbfb
rgb(174,187,251)
-
#c1cbfc
#c1cbfc
rgb(193,203,252)
-
#d3dafd
#d3dafd
rgb(211,218,253)
-
#e6eafe
#e6eafe
rgb(230,234,254)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #506cf7
A tone is produced by adding gray to any pure hue. In this case, #9d9faa is the less saturated color, while #4967fe is the most saturated one.
-
#9d9faa
#9d9faa
rgb(157,159,170)
-
#969bb1
#969bb1
rgb(150,155,177)
-
#8f96b8
#8f96b8
rgb(143,150,184)
-
#8891bf
#8891bf
rgb(136,145,191)
-
#818dc6
#818dc6
rgb(129,141,198)
-
#7a88cd
#7a88cd
rgb(122,136,205)
-
#7383d4
#7383d4
rgb(115,131,212)
-
#6c7fdb
#6c7fdb
rgb(108,127,219)
-
#657ae2
#657ae2
rgb(101,122,226)
-
#5e75e9
#5e75e9
rgb(94,117,233)
-
#5771f0
#5771f0
rgb(87,113,240)
-
#506cf7
#506cf7
rgb(80,108,247)
-
#4967fe
#4967fe
rgb(73,103,254)
Color Blindness Simulator
Below, you can see how #506cf7 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.