#016acc
Hex Color CodeThe hexadecimal color code #016acc
is a shade of cyan-blue. In the RGB color model #016acc
is comprised of 0.39% red, 41.57% green and 80% blue. In the HSL color space #016acc
has a hue of 208.97 degrees, 99.02% saturation and 40.2% lightness. This color has an approximate wavelength of 488 nm.
#016acc
Color InformationInverted
#fe9533 25% Saturated
#006acd Grayscale
#666666
25% Lighter
#0284fd Original
#016acc 25% Darker
#004f99
royalblue
#4169e1 25% Desaturated
#1a69b2 Web Safe: blue
#0000ff
rgb(1, 106, 204)
rgba(1, 106, 204, 1.0)
red: 0.3922%, yellow: 27.5312%, blue: 80%
#016acc
92876
-16684340 / 0xff016acc
hsl(209, 99%, 40%)
hsla(209, 99%, 40%, 1.0)
hue: 209 (208.9655), saturation: 100 (99.5098), value: 80 (80)
X: 16.0656, Y: 14.6742, Z: 59.1124
x: 0.1788, y: 0.1633, Y: 14.6742
L: 45.1846, a: 12.7273, b: -57.6652
L: 45.1846, u: -24.9259, v: -87.4985
L: 45.1846, C: 59.053, H: 282.4463
L: 38.3069, a: 7.8247, b: -64.6773
cyan: 100 (0.9951), magenta: 48 (0.4804), yellow: 0 (0), key: 20 (0.2)
cyan: 100 (0.9961), magenta: 58 (0.5843), yellow: 20 (0.2)
Y: 85.777, I: -94.034, Q: 8.2883
Y: 85.777, U: 58.1777, V: -74.376
Y: 85.777, Db: 177.884, Dr: 161.231
Y: 89.673, Cb: 186.562, Cr: 74.947
Y: 90.691, Pb: 61.075, Pr: -57.008
5PB 4/14 (approximate)
#016acc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016acc
to White#016acc
to Black#016acc
foreground
<p style="color: #016acc">#016acc foreground</p>
#016acc
background
<p style="background-color: #016acc; color: #fff">#016acc background</p>
#016acc
border
<p style="border: #016acc 3px solid">#016acc border</p>
#016acc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016acc, #fff); background: -webkit-radial-gradient(50% 50%, #016acc, #fff); background: -o-radial-gradient(50% 50%, #016acc, #fff); background: -ms-radial-gradient(50% 50%, #016acc, #fff); background: radial-gradient(50% 50%, #016acc, #fff); color: #fff">#016acc radial gradient</p>
#016acc
linear gradient to complementary #cc6200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016acc, #cc6200); background: -webkit-linear-gradient(top, #016acc, #cc6200); background: -o-linear-gradient(top, #016acc, #cc6200); background: -ms-linear-gradient(top, #016acc, #cc6200); background: linear-gradient(top, #016acc, #cc6200); color: #fff">
#016acc
linear gradient to complementary #cc6200
</p>
#016acc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016acc">#016acc text shadow</p>
The matching paint colors are listed in order of relevancy to the #016acc
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 #016acc
.
Jump to paint brand: