Color Charts
RGB
CMYK
RYB
#4568f2 Hex Color CodeThe hexadecimal color code #4568f2 is a medium light shade of blue. In the RGB color model #4568f2 is comprised of 27.06% red, 40.78% green and 94.9% blue. In the HSL color space #4568f2 has a hue of 227.86 degrees, 86.93% saturation and 60.98% lightness. This color has an approximate wavelength of 477 nm.
#4568f2 Color InformationInverted
#ba970d 25% Saturated
#3760ff Grayscale
#9b9b9b
25% Lighter
#8da2f7 Original
#4568f2 25% Darker
#0f38da
royalblue
#4169e1 25% Desaturated
#5a74dc Web Safe: blue
#0000ff
rgb(69, 104, 242)
rgba(69, 104, 242, 1.0)
red: 27.0588%, yellow: 38.4747%, blue: 94.902%
#4568f2
4548850
-12228366 / 0xff4568f2
hsl(228, 87%, 61%)
hsla(228, 87%, 61%, 1.0)
hue: 228 (227.8613), saturation: 71 (71.4876), value: 95 (94.902)
X: 23.4316, Y: 17.5766, Z: 86.1621
x: 0.1843, y: 0.1382, Y: 17.5766
L: 48.9785, a: 33.4346, b: -72.9582
L: 48.9785, u: -16.5827, v: -113.5794
L: 48.9785, C: 80.2544, H: 294.6206
L: 41.9245, a: 26.3956, b: -92.504
cyan: 71 (0.7149), magenta: 57 (0.5702), yellow: 0 (0), key: 5 (0.051)
cyan: 73 (0.7294), magenta: 59 (0.5922), yellow: 5 (0.051)
Y: 109.267, I: -65.1844, Q: 35.5357
Y: 109.267, U: 65.3186, V: -35.3264
Y: 109.267, Db: 199.704, Dr: 76.601
Y: 109.865, Cb: 193.762, Cr: 102.837
Y: 106.481, Pb: 73.025, Pr: -23.848
7.5PB 5/18 (approximate)
#4568f2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#4568f2 to White#4568f2 to Black#4568f2 foreground
<p style="color: #4568f2">#4568f2 foreground</p>
#4568f2 background
<p style="background-color: #4568f2; color: #fff">#4568f2 background</p>
#4568f2 border
<p style="border: #4568f2 3px solid">#4568f2 border</p>
#4568f2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4568f2, #fff); background: -webkit-radial-gradient(50% 50%, #4568f2, #fff); background: -o-radial-gradient(50% 50%, #4568f2, #fff); background: -ms-radial-gradient(50% 50%, #4568f2, #fff); background: radial-gradient(50% 50%, #4568f2, #fff); color: #fff">#4568f2 radial gradient</p>
#4568f2 linear gradient to complementary #f1cf45
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4568f2, #f1cf45); background: -webkit-linear-gradient(top, #4568f2, #f1cf45); background: -o-linear-gradient(top, #4568f2, #f1cf45); background: -ms-linear-gradient(top, #4568f2, #f1cf45); background: linear-gradient(top, #4568f2, #f1cf45); color: #fff">#4568f2 linear gradient to complementary #f1cf45</p>
#4568f2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #4568f2">#4568f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #4568f2 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #4568f2.
Jump to paint brand: