#016acf
Hex Color CodeThe hexadecimal color code #016acf
is a shade of cyan-blue. In the RGB color model #016acf
is comprised of 0.39% red, 41.57% green and 81.18% blue. In the HSL color space #016acf
has a hue of 209.42 degrees, 99.04% saturation and 40.78% lightness. This color has an approximate wavelength of 488 nm.
#016acf
Color InformationInverted
#fe9530 25% Saturated
#006ad0 Grayscale
#686868
25% Lighter
#0684fd Original
#016acf 25% Darker
#004f9b
royalblue
#4169e1 25% Desaturated
#1a69b5 Web Safe: blue
#0000ff
rgb(1, 106, 207)
rgba(1, 106, 207, 1.0)
red: 0.3922%, yellow: 27.6666%, blue: 81.1765%
#016acf
92879
-16684337 / 0xff016acf
hsl(209, 99%, 41%)
hsla(209, 99%, 41%, 1.0)
hue: 209 (209.4175), saturation: 100 (99.5169), value: 81 (81.1765)
X: 16.429, Y: 14.8195, Z: 61.026
x: 0.178, y: 0.1606, Y: 14.8195
L: 45.386, a: 13.9283, b: -59.0599
L: 45.386, u: -24.8046, v: -89.7596
L: 45.386, C: 60.6801, H: 283.2698
L: 38.4961, a: 8.8104, b: -67.0423
cyan: 100 (0.9952), magenta: 49 (0.4879), yellow: 0 (0), key: 19 (0.1882)
cyan: 100 (0.9961), magenta: 58 (0.5843), yellow: 19 (0.1882)
Y: 86.119, I: -94.9977, Q: 9.2218
Y: 86.119, U: 59.4857, V: -74.676
Y: 86.119, Db: 181.883, Dr: 161.882
Y: 89.967, Cb: 187.879, Cr: 74.734
Y: 90.907, Pb: 62.575, Pr: -57.146
5PB 4/14 (approximate)
#016acf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016acf
to White#016acf
to Black#016acf
foreground
<p style="color: #016acf">#016acf foreground</p>
#016acf
background
<p style="background-color: #016acf; color: #fff">#016acf background</p>
#016acf
border
<p style="border: #016acf 3px solid">#016acf border</p>
#016acf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016acf, #fff); background: -webkit-radial-gradient(50% 50%, #016acf, #fff); background: -o-radial-gradient(50% 50%, #016acf, #fff); background: -ms-radial-gradient(50% 50%, #016acf, #fff); background: radial-gradient(50% 50%, #016acf, #fff); color: #fff">#016acf radial gradient</p>
#016acf
linear gradient to complementary #cf6600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016acf, #cf6600); background: -webkit-linear-gradient(top, #016acf, #cf6600); background: -o-linear-gradient(top, #016acf, #cf6600); background: -ms-linear-gradient(top, #016acf, #cf6600); background: linear-gradient(top, #016acf, #cf6600); color: #fff">
#016acf
linear gradient to complementary #cf6600
</p>
#016acf
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016acf">#016acf text shadow</p>
The matching paint colors are listed in order of relevancy to the #016acf
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 #016acf
.
Jump to paint brand: