#506cf4 Color Information
In a RGB color space, hex #506cf4 is composed of 31.4% red, 42.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 55.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 229.8 degrees, a saturation of 88.2% and a lightness of 63.5%. #506cf4 color hex could be obtained by blending #a0d8ff with #0000e9. Closest websafe color is: #6666ff.
-
- R 31
- G 42
- B 96
-
- C 67
- M 56
- Y 0
- K 4
● #506cf4 color description : Soft blue.
#506cf4 Color Conversion
The hexadecimal color #506cf4 has RGB values of R:80, G:108, B:244 and CMYK values of C:0.67, M:0.56, Y:0, K:0.04. Its decimal value is 5270772.
Hex triplet | 506cf4 | #506cf4 |
---|---|---|
RGB Decimal | 80, 108, 244 | rgb(80,108,244) |
RGB Percent | 31.4, 42.4, 95.7 | rgb(31.4%,42.4%,95.7%) |
CMYK | 67, 56, 0, 4 | |
HSL | 229.8°, 88.2, 63.5 | hsl(229.8,88.2%,63.5%) |
HSV (or HSB) | 229.8°, 67.2, 95.7 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.641, 33.098, -71.345 |
---|---|
XYZ | 24.997, 18.961, 87.925 |
xyY | 0.19, 0.144, 18.961 |
CIE-LCH | 50.641, 78.648, 294.887 |
CIE-LUV | 50.641, -15.405, -112.325 |
Hunter-Lab | 43.544, 26.267, -89.24 |
Binary | 01010000, 01101100, 11110100 |
Color Schemes with #506cf4
Alternatives to #506cf4
Below, you can see some colors close to #506cf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506cf4 Preview
This text has a font color of #506cf4.
<span style="color:#506cf4;">Text here</span>
This paragraph has a background color of #506cf4.
<p style="background-color:#506cf4;">Content here</p>
This element has a border color of #506cf4.
<div style="border:1px solid #506cf4;">Content here</div>
.text {color:#506cf4;}
.background {background-color:#506cf4;}
.border {border:1px solid #506cf4;}
Shades and Tints of #506cf4
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, #01020a is the darkest color, while #f6f8fe is the lightest one.
-
#01020a
#01020a
rgb(1,2,10)
-
#02061c
#02061c
rgb(2,6,28)
-
#030a2e
#030a2e
rgb(3,10,46)
-
#040e41
#040e41
rgb(4,14,65)
-
#051353
#051353
rgb(5,19,83)
-
#061766
#061766
rgb(6,23,102)
-
#081b78
#081b78
rgb(8,27,120)
-
#091f8b
#091f8b
rgb(9,31,139)
-
#0a239d
#0a239d
rgb(10,35,157)
-
#0b27b0
#0b27b0
rgb(11,39,176)
-
#0c2bc2
#0c2bc2
rgb(12,43,194)
-
#0d2fd5
#0d2fd5
rgb(13,47,213)
-
#0f33e7
#0f33e7
rgb(15,51,231)
-
#193df1
#193df1
rgb(25,61,241)
-
#2b4df2
#2b4df2
rgb(43,77,242)
-
#3e5cf3
#3e5cf3
rgb(62,92,243)
-
#506cf4
#506cf4
rgb(80,108,244)
-
#627cf5
#627cf5
rgb(98,124,245)
-
#758bf6
#758bf6
rgb(117,139,246)
-
#879bf7
#879bf7
rgb(135,155,247)
-
#9aaaf9
#9aaaf9
rgb(154,170,249)
-
#acbafa
#acbafa
rgb(172,186,250)
-
#bfc9fb
#bfc9fb
rgb(191,201,251)
-
#d1d9fc
#d1d9fc
rgb(209,217,252)
-
#e4e8fd
#e4e8fd
rgb(228,232,253)
-
#f6f8fe
#f6f8fe
rgb(246,248,254)
Tones of #506cf4
A tone is produced by adding gray to any pure hue. In this case, #9fa0a5 is the less saturated color, while #4967fb is the most saturated one.
-
#9fa0a5
#9fa0a5
rgb(159,160,165)
-
#989bac
#989bac
rgb(152,155,172)
-
#9096b4
#9096b4
rgb(144,150,180)
-
#8992bb
#8992bb
rgb(137,146,187)
-
#828dc2
#828dc2
rgb(130,141,194)
-
#7b88c9
#7b88c9
rgb(123,136,201)
-
#7484d0
#7484d0
rgb(116,132,208)
-
#6d7fd7
#6d7fd7
rgb(109,127,215)
-
#657adf
#657adf
rgb(101,122,223)
-
#5e75e6
#5e75e6
rgb(94,117,230)
-
#5771ed
#5771ed
rgb(87,113,237)
-
#506cf4
#506cf4
rgb(80,108,244)
-
#4967fb
#4967fb
rgb(73,103,251)
Color Blindness Simulator
Below, you can see how #506cf4 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.