#016bd4
Hex Color CodeThe hexadecimal color code #016bd4
is a shade of cyan-blue. In the RGB color model #016bd4
is comprised of 0.39% red, 41.96% green and 83.14% blue. In the HSL color space #016bd4
has a hue of 209.86 degrees, 99.06% saturation and 41.76% lightness. This color has an approximate wavelength of 488 nm.
#016bd4
Color InformationInverted
#fe942b 25% Saturated
#006bd5 Grayscale
#6a6a6a
25% Lighter
#0c85fd Original
#016bd4 25% Darker
#00509f
royalblue
#4169e1 25% Desaturated
#1b6ab9 Web Safe: blue
#0000ff
rgb(1, 107, 212)
rgba(1, 107, 212, 1.0)
red: 0.3922%, yellow: 28.0609%, blue: 83.1373%
#016bd4
93140
-16684076 / 0xff016bd4
hsl(210, 99%, 42%)
hsla(210, 99%, 42%, 1.0)
hue: 210 (209.8578), saturation: 100 (99.5283), value: 83 (83.1373)
X: 17.1539, Y: 15.2753, Z: 64.3317
x: 0.1773, y: 0.1579, Y: 15.2753
L: 46.009, a: 15.2803, b: -60.911
L: 46.009, u: -24.9052, v: -92.9316
L: 46.009, C: 62.7984, H: 284.0827
L: 39.0836, a: 9.9476, b: -70.2328
cyan: 100 (0.9953), magenta: 50 (0.4953), yellow: 0 (0), key: 17 (0.1686)
cyan: 100 (0.9961), magenta: 58 (0.5804), yellow: 17 (0.1686)
Y: 87.276, I: -96.8785, Q: 10.2548
Y: 87.276, U: 61.3769, V: -75.691
Y: 87.276, Db: 187.665, Dr: 164.083
Y: 90.961, Cb: 189.783, Cr: 74.011
Y: 91.982, Pb: 64.69, Pr: -57.83
5PB 4/14 (approximate)
#016bd4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016bd4
to White#016bd4
to Black#016bd4
foreground
<p style="color: #016bd4">#016bd4 foreground</p>
#016bd4
background
<p style="background-color: #016bd4; color: #fff">#016bd4 background</p>
#016bd4
border
<p style="border: #016bd4 3px solid">#016bd4 border</p>
#016bd4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016bd4, #fff); background: -webkit-radial-gradient(50% 50%, #016bd4, #fff); background: -o-radial-gradient(50% 50%, #016bd4, #fff); background: -ms-radial-gradient(50% 50%, #016bd4, #fff); background: radial-gradient(50% 50%, #016bd4, #fff); color: #fff">#016bd4 radial gradient</p>
#016bd4
linear gradient to complementary #d46a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016bd4, #d46a00); background: -webkit-linear-gradient(top, #016bd4, #d46a00); background: -o-linear-gradient(top, #016bd4, #d46a00); background: -ms-linear-gradient(top, #016bd4, #d46a00); background: linear-gradient(top, #016bd4, #d46a00); color: #fff">
#016bd4
linear gradient to complementary #d46a00
</p>
#016bd4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016bd4">#016bd4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016bd4
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 #016bd4
.
Jump to paint brand: