Color Charts
RGB
CMYK
RYB
#5b60dd Hex Color CodeThe hexadecimal color code #5b60dd is a medium light shade of blue. In the RGB color model #5b60dd is comprised of 35.69% red, 37.65% green and 86.67% blue. In the HSL color space #5b60dd has a hue of 237.69 degrees, 65.66% saturation and 61.18% lightness. This color has an approximate wavelength of 470 nm.
#5b60dd Color InformationInverted
#a49f22 25% Saturated
#4a51ed Grayscale
#9c9c9c
25% Lighter
#9b9eea Original
#5b60dd 25% Darker
#282ec1
slateblue
#6a5acd 25% Desaturated
#6b6fcc Web Safe: blue
#0000ff
rgb(91, 96, 221)
rgba(91, 96, 221, 1.0)
red: 35.6863%, yellow: 37.5744%, blue: 86.6667%
#5b60dd
5988573
-10788643 / 0xff5b60dd
hsl(238, 66%, 61%)
hsla(238, 66%, 61%, 1.0)
hue: 238 (237.6923), saturation: 59 (58.8235), value: 87 (86.6667)
X: 21.5484, Y: 15.8103, Z: 70.3226
x: 0.2001, y: 0.1468, Y: 15.8103
L: 46.7247, a: 34.515, b: -64.7327
L: 46.7247, u: -8.6988, v: -100.4511
L: 46.7247, C: 73.3595, H: 298.0662
L: 39.7622, a: 27.1509, b: -77.0254
cyan: 59 (0.5882), magenta: 57 (0.5656), yellow: 0 (0), key: 13 (0.1333)
cyan: 64 (0.6431), magenta: 62 (0.6235), yellow: 13 (0.1333)
Y: 108.755, I: -43.1365, Q: 37.8346
Y: 108.755, U: 55.2366, V: -15.5762
Y: 108.755, Db: 168.875, Dr: 33.79
Y: 109.429, Cb: 183.615, Cr: 116.93
Y: 103.935, Pb: 63.075, Pr: -8.25
7.5PB 4/16 approximate; exact match: Munsell 7.5PB 4/16 / #4252d1
#5b60dd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5b60dd to White#5b60dd to Black#5b60dd foreground
<p style="color: #5b60dd">#5b60dd foreground</p>
#5b60dd background
<p style="background-color: #5b60dd; color: #fff">#5b60dd background</p>
#5b60dd border
<p style="border: #5b60dd 3px solid">#5b60dd border</p>
#5b60dd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5b60dd, #fff); background: -webkit-radial-gradient(50% 50%, #5b60dd, #fff); background: -o-radial-gradient(50% 50%, #5b60dd, #fff); background: -ms-radial-gradient(50% 50%, #5b60dd, #fff); background: radial-gradient(50% 50%, #5b60dd, #fff); color: #fff">#5b60dd radial gradient</p>
#5b60dd linear gradient to complementary #ddd75b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5b60dd, #ddd75b); background: -webkit-linear-gradient(top, #5b60dd, #ddd75b); background: -o-linear-gradient(top, #5b60dd, #ddd75b); background: -ms-linear-gradient(top, #5b60dd, #ddd75b); background: linear-gradient(top, #5b60dd, #ddd75b); color: #fff">#5b60dd linear gradient to complementary #ddd75b</p>
#5b60dd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5b60dd">#5b60dd text shadow</p>
The matching paint colors are listed in order of relevancy to the #5b60dd 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 #5b60dd.
Jump to paint brand: