#506bf3 Color Information
In a RGB color space, hex #506bf3 is composed of 31.4% red, 42% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 56% magenta, 0% yellow and 4.7% black. It has a hue angle of 230.1 degrees, a saturation of 87.2% and a lightness of 63.3%. #506bf3 color hex could be obtained by blending #a0d6ff with #0000e7. Closest websafe color is: #6666ff.
-
- R 31
- G 42
- B 95
-
- C 67
- M 56
- Y 0
- K 5
● #506bf3 color description : Soft blue.
#506bf3 Color Conversion
The hexadecimal color #506bf3 has RGB values of R:80, G:107, B:243 and CMYK values of C:0.67, M:0.56, Y:0, K:0.05. Its decimal value is 5270515.
Hex triplet | 506bf3 | #506bf3 |
---|---|---|
RGB Decimal | 80, 107, 243 | rgb(80,107,243) |
RGB Percent | 31.4, 42, 95.3 | rgb(31.4%,42%,95.3%) |
CMYK | 67, 56, 0, 5 | |
HSL | 230.1°, 87.2, 63.3 | hsl(230.1,87.2%,63.3%) |
HSV (or HSB) | 230.1°, 67.1, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.323, 33.371, -71.304 |
---|---|
XYZ | 24.74, 18.69, 87.093 |
xyY | 0.19, 0.143, 18.69 |
CIE-LCH | 50.323, 78.726, 295.08 |
CIE-LUV | 50.323, -15.121, -112.088 |
Hunter-Lab | 43.232, 26.492, -89.178 |
Binary | 01010000, 01101011, 11110011 |
Color Schemes with #506bf3
Alternatives to #506bf3
Below, you can see some colors close to #506bf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506bf3 Preview
This text has a font color of #506bf3.
<span style="color:#506bf3;">Text here</span>
This paragraph has a background color of #506bf3.
<p style="background-color:#506bf3;">Content here</p>
This element has a border color of #506bf3.
<div style="border:1px solid #506bf3;">Content here</div>
.text {color:#506bf3;}
.background {background-color:#506bf3;}
.border {border:1px solid #506bf3;}
Shades and Tints of #506bf3
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, #010209 is the darkest color, while #f5f7fe is the lightest one.
-
#010209
#010209
rgb(1,2,9)
-
#02061b
#02061b
rgb(2,6,27)
-
#030a2d
#030a2d
rgb(3,10,45)
-
#040e40
#040e40
rgb(4,14,64)
-
#061252
#061252
rgb(6,18,82)
-
#071664
#071664
rgb(7,22,100)
-
#081a77
#081a77
rgb(8,26,119)
-
#091f89
#091f89
rgb(9,31,137)
-
#0b239b
#0b239b
rgb(11,35,155)
-
#0c27ae
#0c27ae
rgb(12,39,174)
-
#0d2bc0
#0d2bc0
rgb(13,43,192)
-
#0e2fd2
#0e2fd2
rgb(14,47,210)
-
#1033e5
#1033e5
rgb(16,51,229)
-
#193cef
#193cef
rgb(25,60,239)
-
#2b4cf0
#2b4cf0
rgb(43,76,240)
-
#3e5bf2
#3e5bf2
rgb(62,91,242)
-
#506bf3
#506bf3
rgb(80,107,243)
-
#627bf4
#627bf4
rgb(98,123,244)
-
#758af6
#758af6
rgb(117,138,246)
-
#879af7
#879af7
rgb(135,154,247)
-
#99a9f8
#99a9f8
rgb(153,169,248)
-
#acb9f9
#acb9f9
rgb(172,185,249)
-
#bec8fb
#bec8fb
rgb(190,200,251)
-
#d0d8fc
#d0d8fc
rgb(208,216,252)
-
#e3e7fd
#e3e7fd
rgb(227,231,253)
-
#f5f7fe
#f5f7fe
rgb(245,247,254)
Tones of #506bf3
A tone is produced by adding gray to any pure hue. In this case, #9fa0a4 is the less saturated color, while #4966fa is the most saturated one.
-
#9fa0a4
#9fa0a4
rgb(159,160,164)
-
#989bab
#989bab
rgb(152,155,171)
-
#9196b2
#9196b2
rgb(145,150,178)
-
#8a91b9
#8a91b9
rgb(138,145,185)
-
#828dc1
#828dc1
rgb(130,141,193)
-
#7b88c8
#7b88c8
rgb(123,136,200)
-
#7483cf
#7483cf
rgb(116,131,207)
-
#6d7ed6
#6d7ed6
rgb(109,126,214)
-
#6679dd
#6679dd
rgb(102,121,221)
-
#5e75e5
#5e75e5
rgb(94,117,229)
-
#5770ec
#5770ec
rgb(87,112,236)
-
#506bf3
#506bf3
rgb(80,107,243)
-
#4966fa
#4966fa
rgb(73,102,250)
Color Blindness Simulator
Below, you can see how #506bf3 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.