Color Charts
RGB
CMYK
RYB
#5a74ec Hex Color CodeThe hexadecimal color code #5a74ec is a medium light shade of blue. In the RGB color model #5a74ec is comprised of 35.29% red, 45.49% green and 92.55% blue. In the HSL color space #5a74ec has a hue of 229.32 degrees, 79.35% saturation and 63.92% lightness. This color has an approximate wavelength of 476 nm.
#5a74ec Color InformationInverted
#a58b13 25% Saturated
#4768fe Grayscale
#a3a3a3
25% Lighter
#a3b1f4 Original
#5a74ec 25% Darker
#193bdb
royalblue
#4169e1 25% Desaturated
#6c7fd9 Web Safe: fuchsia
#ff00ff
rgb(90, 116, 236)
rgba(90, 116, 236, 1.0)
red: 35.2941%, yellow: 43.9489%, blue: 92.549%
#5a74ec
5928172
-10849044 / 0xff5a74ec
hsl(229, 79%, 64%)
hsla(229, 79%, 64%, 1.0)
hue: 229 (229.3151), saturation: 62 (61.8644), value: 93 (92.549)
X: 25.6022, Y: 20.7206, Z: 82.007
x: 0.1995, y: 0.1615, Y: 20.7206
L: 52.6423, a: 27.0389, b: -63.6186
L: 52.6423, u: -15.0628, v: -101.3882
L: 52.6423, C: 69.1262, H: 293.0263
L: 45.5199, a: 20.7357, b: -74.9509
cyan: 62 (0.6186), magenta: 51 (0.5085), yellow: 0 (0), key: 7 (0.0745)
cyan: 65 (0.6471), magenta: 55 (0.5451), yellow: 7 (0.0745)
Y: 121.906, I: -54.0402, Q: 31.8383
Y: 121.906, U: 56.1465, V: -27.9912
Y: 121.906, Db: 171.66, Dr: 60.698
Y: 120.722, Cb: 184.528, Cr: 108.066
Y: 119.102, Pb: 62.99, Pr: -18.52
7.5PB 5/14 approximate; exact match: Munsell 7.5PB 5/14 / #5d71e2
#5a74ec / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5a74ec to White#5a74ec to Black#5a74ec foreground
<p style="color: #5a74ec">#5a74ec foreground</p>
#5a74ec background
<p style="background-color: #5a74ec; color: #fff">#5a74ec background</p>
#5a74ec border
<p style="border: #5a74ec 3px solid">#5a74ec border</p>
#5a74ec radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5a74ec, #fff); background: -webkit-radial-gradient(50% 50%, #5a74ec, #fff); background: -o-radial-gradient(50% 50%, #5a74ec, #fff); background: -ms-radial-gradient(50% 50%, #5a74ec, #fff); background: radial-gradient(50% 50%, #5a74ec, #fff); color: #fff">#5a74ec radial gradient</p>
#5a74ec linear gradient to complementary #ecd15a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5a74ec, #ecd15a); background: -webkit-linear-gradient(top, #5a74ec, #ecd15a); background: -o-linear-gradient(top, #5a74ec, #ecd15a); background: -ms-linear-gradient(top, #5a74ec, #ecd15a); background: linear-gradient(top, #5a74ec, #ecd15a); color: #fff">#5a74ec linear gradient to complementary #ecd15a</p>
#5a74ec text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5a74ec">#5a74ec text shadow</p>
The matching paint colors are listed in order of relevancy to the #5a74ec 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 #5a74ec.
Jump to paint brand: