Color Charts
RGB
CMYK
RYB
#165bfd Hex Color CodeThe hexadecimal color code #165bfd is a shade of blue. In the RGB color model #165bfd is comprised of 8.63% red, 35.69% green and 99.22% blue. In the HSL color space #165bfd has a hue of 222.08 degrees, 98.3% saturation and 53.92% lightness. This color has an approximate wavelength of 480 nm.
#165bfd Color InformationInverted
#e9a402 25% Saturated
#145afe Grayscale
#898989
25% Lighter
#5a8afd Original
#165bfd 25% Darker
#013ecc
royalblue
#4169e1 25% Desaturated
#3266e0 Web Safe: blue
#0000ff
rgb(22, 91, 253)
rgba(22, 91, 253, 1.0)
red: 8.6275%, yellow: 29.4627%, blue: 99.2157%
#165bfd
1465341
-15311875 / 0xff165bfd
hsl(222, 98%, 54%)
hsla(222, 98%, 54%, 1.0)
hue: 222 (222.0779), saturation: 91 (91.3043), value: 99 (99.2157)
X: 21.8016, Y: 14.7446, Z: 94.6254
x: 0.1662, y: 0.1124, Y: 14.7446
L: 45.2824, a: 41.9212, b: -85.1997
L: 45.2824, u: -19.0228, v: -127.4224
L: 45.2824, C: 94.9546, H: 296.1988
L: 38.3987, a: 34.1491, b: -119.2286
cyan: 91 (0.913), magenta: 64 (0.6403), yellow: 0 (0), key: 1 (0.0078)
cyan: 91 (0.9137), magenta: 64 (0.6431), yellow: 1 (0.0078)
Y: 88.837, I: -93.149, Q: 35.8134
Y: 88.837, U: 80.7849, V: -58.6366
Y: 88.837, Db: 246.996, Dr: 127.131
Y: 92.312, Cb: 209.33, Cr: 86.207
Y: 87.967, Pb: 88.935, Pr: -41.952
7.5PB 5/20 (approximate)
#165bfd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#165bfd to White#165bfd to Black#165bfd foreground
<p style="color: #165bfd">#165bfd foreground</p>
#165bfd background
<p style="background-color: #165bfd; color: #fff">#165bfd background</p>
#165bfd border
<p style="border: #165bfd 3px solid">#165bfd border</p>
#165bfd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #165bfd, #fff); background: -webkit-radial-gradient(50% 50%, #165bfd, #fff); background: -o-radial-gradient(50% 50%, #165bfd, #fff); background: -ms-radial-gradient(50% 50%, #165bfd, #fff); background: radial-gradient(50% 50%, #165bfd, #fff); color: #fff">#165bfd radial gradient</p>
#165bfd linear gradient to complementary #fdb815
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #165bfd, #fdb815); background: -webkit-linear-gradient(top, #165bfd, #fdb815); background: -o-linear-gradient(top, #165bfd, #fdb815); background: -ms-linear-gradient(top, #165bfd, #fdb815); background: linear-gradient(top, #165bfd, #fdb815); color: #fff">#165bfd linear gradient to complementary #fdb815</p>
#165bfd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #165bfd">#165bfd text shadow</p>
The matching paint colors are listed in order of relevancy to the #165bfd 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 #165bfd.
Jump to paint brand: