Color Charts
RGB
CMYK
RYB
#5585f6 Hex Color CodeThe hexadecimal color code #5585f6 is a medium light shade of blue. In the RGB color model #5585f6 is comprised of 33.33% red, 52.16% green and 96.47% blue. In the HSL color space #5585f6 has a hue of 222.11 degrees, 89.94% saturation and 64.9% lightness. This color has an approximate wavelength of 480 nm.
#5585f6 Color InformationInverted
#aa7a09 25% Saturated
#4c81fe Grayscale
#a5a5a5
25% Lighter
#a3bdfa Original
#5585f6 25% Darker
#0c4feb
dodgerblue
#1e90ff 25% Desaturated
#698de1 Web Safe: fuchsia
#ff00ff
rgb(85, 133, 246)
rgba(85, 133, 246, 1.0)
red: 33.3333%, yellow: 47.8338%, blue: 96.4706%
#5585f6
5604854
-11172362 / 0xff5585f6
hsl(222, 90%, 65%)
hsla(222, 90%, 65%, 1.0)
hue: 222 (222.1118), saturation: 65 (65.4472), value: 96 (96.4706)
X: 28.7684, Y: 25.3602, Z: 90.5675
x: 0.1988, y: 0.1753, Y: 25.3602
L: 57.4247, a: 19.2229, b: -61.4965
L: 57.4247, u: -21.523, v: -99.3751
L: 57.4247, C: 64.4309, H: 287.3584
L: 50.3589, a: 13.8432, b: -71.3784
cyan: 65 (0.6545), magenta: 46 (0.4593), yellow: 0 (0), key: 4 (0.0353)
cyan: 67 (0.6667), magenta: 48 (0.4784), yellow: 4 (0.0353)
Y: 131.53, I: -64.8971, Q: 25.0084
Y: 131.53, U: 56.3316, V: -40.8211
Y: 131.53, Db: 172.229, Dr: 88.505
Y: 128.985, Cb: 184.711, Cr: 98.905
Y: 130.912, Pb: 62.02, Pr: -29.198
7.5PB 6/14 (approximate)
#5585f6 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5585f6 to White#5585f6 to Black#5585f6 foreground
<p style="color: #5585f6; background-color: #000">#5585f6 foreground</p>
#5585f6 background
<p style="background-color: #5585f6">#5585f6 background</p>
#5585f6 border
<p style="border: #5585f6 3px solid">#5585f6 border</p>
#5585f6 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5585f6, #fff); background: -webkit-radial-gradient(50% 50%, #5585f6, #fff); background: -o-radial-gradient(50% 50%, #5585f6, #fff); background: -ms-radial-gradient(50% 50%, #5585f6, #fff); background: radial-gradient(50% 50%, #5585f6, #fff)">#5585f6 radial gradient</p>
#5585f6 linear gradient to complementary #f5c655
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5585f6, #f5c655); background: -webkit-linear-gradient(top, #5585f6, #f5c655); background: -o-linear-gradient(top, #5585f6, #f5c655); background: -ms-linear-gradient(top, #5585f6, #f5c655); background: linear-gradient(top, #5585f6, #f5c655); color: #000">#5585f6 linear gradient to complementary #f5c655</p>
#5585f6 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5585f6">#5585f6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #5585f6 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 #5585f6.
Jump to paint brand: