#507cf8 Color Information
In a RGB color space, hex #507cf8 is composed of 31.4% red, 48.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 50% magenta, 0% yellow and 2.7% black. It has a hue angle of 224.3 degrees, a saturation of 92.3% and a lightness of 64.3%. #507cf8 color hex could be obtained by blending #a0f8ff with #0000f1. Closest websafe color is: #6666ff.
-
- R 31
- G 49
- B 97
-
- C 68
- M 50
- Y 0
- K 3
● #507cf8 color description : Soft blue.
#507cf8 Color Conversion
The hexadecimal color #507cf8 has RGB values of R:80, G:124, B:248 and CMYK values of C:0.68, M:0.5, Y:0, K:0.03. Its decimal value is 5274872.
Hex triplet | 507cf8 | #507cf8 |
---|---|---|
RGB Decimal | 80, 124, 248 | rgb(80,124,248) |
RGB Percent | 31.4, 48.6, 97.3 | rgb(31.4%,48.6%,97.3%) |
CMYK | 68, 50, 0, 3 | |
HSL | 224.3°, 92.3, 64.3 | hsl(224.3,92.3%,64.3%) |
HSV (or HSB) | 224.3°, 67.7, 97.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.965, 24.637, -66.568 |
---|---|
XYZ | 27.456, 22.896, 91.774 |
xyY | 0.193, 0.161, 22.896 |
CIE-LCH | 54.965, 70.981, 290.31 |
CIE-LUV | 54.965, -19.932, -106.795 |
Hunter-Lab | 47.85, 18.683, -80.22 |
Binary | 01010000, 01111100, 11111000 |
Color Schemes with #507cf8
Alternatives to #507cf8
Below, you can see some colors close to #507cf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#507cf8 Preview
This text has a font color of #507cf8.
<span style="color:#507cf8;">Text here</span>
This paragraph has a background color of #507cf8.
<p style="background-color:#507cf8;">Content here</p>
This element has a border color of #507cf8.
<div style="border:1px solid #507cf8;">Content here</div>
.text {color:#507cf8;}
.background {background-color:#507cf8;}
.border {border:1px solid #507cf8;}
Shades and Tints of #507cf8
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, #01040e is the darkest color, while #fafbff is the lightest one.
-
#01040e
#01040e
rgb(1,4,14)
-
#010920
#010920
rgb(1,9,32)
-
#020f33
#020f33
rgb(2,15,51)
-
#031446
#031446
rgb(3,20,70)
-
#041a59
#041a59
rgb(4,26,89)
-
#041f6c
#041f6c
rgb(4,31,108)
-
#05257f
#05257f
rgb(5,37,127)
-
#062a92
#062a92
rgb(6,42,146)
-
#0730a4
#0730a4
rgb(7,48,164)
-
#0735b7
#0735b7
rgb(7,53,183)
-
#083bca
#083bca
rgb(8,59,202)
-
#0940dd
#0940dd
rgb(9,64,221)
-
#0a46f0
#0a46f0
rgb(10,70,240)
-
#1752f6
#1752f6
rgb(23,82,246)
-
#2a60f6
#2a60f6
rgb(42,96,246)
-
#3d6ef7
#3d6ef7
rgb(61,110,247)
-
#507cf8
#507cf8
rgb(80,124,248)
-
#638af9
#638af9
rgb(99,138,249)
-
#7698fa
#7698fa
rgb(118,152,250)
-
#89a6fa
#89a6fa
rgb(137,166,250)
-
#9bb4fb
#9bb4fb
rgb(155,180,251)
-
#aec3fc
#aec3fc
rgb(174,195,252)
-
#c1d1fd
#c1d1fd
rgb(193,209,253)
-
#d4dffd
#d4dffd
rgb(212,223,253)
-
#e7edfe
#e7edfe
rgb(231,237,254)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #507cf8
A tone is produced by adding gray to any pure hue. In this case, #a4a4a4 is the less saturated color, while #507cf8 is the most saturated one.
-
#a4a4a4
#a4a4a4
rgb(164,164,164)
-
#9da1ab
#9da1ab
rgb(157,161,171)
-
#969db2
#969db2
rgb(150,157,178)
-
#8f9ab9
#8f9ab9
rgb(143,154,185)
-
#8897c0
#8897c0
rgb(136,151,192)
-
#8193c7
#8193c7
rgb(129,147,199)
-
#7a90ce
#7a90ce
rgb(122,144,206)
-
#738dd5
#738dd5
rgb(115,141,213)
-
#6c89dc
#6c89dc
rgb(108,137,220)
-
#6586e3
#6586e3
rgb(101,134,227)
-
#5e83ea
#5e83ea
rgb(94,131,234)
-
#577ff1
#577ff1
rgb(87,127,241)
-
#507cf8
#507cf8
rgb(80,124,248)
Color Blindness Simulator
Below, you can see how #507cf8 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.