#016af1
Hex Color CodeThe hexadecimal color code #016af1
is a shade of cyan-blue. In the RGB color model #016af1
is comprised of 0.39% red, 41.57% green and 94.51% blue. In the HSL color space #016af1
has a hue of 213.75 degrees, 99.17% saturation and 47.45% lightness. This color has an approximate wavelength of 485 nm.
#016af1
Color InformationInverted
#fe950e 25% Saturated
#0069f1 Grayscale
#787878
25% Lighter
#308afe Original
#016af1 25% Darker
#004fb4
royalblue
#4169e1 25% Desaturated
#1f6dd2 Web Safe: blue
#0000ff
rgb(1, 106, 241)
rgba(1, 106, 241, 1.0)
red: 0.3922%, yellow: 29.0367%, blue: 94.5098%
#016af1
92913
-16684303 / 0xff016af1
hsl(214, 99%, 47%)
hsla(214, 99%, 47%, 1.0)
hue: 214 (213.75), saturation: 100 (99.5851), value: 95 (94.5098)
X: 21.0437, Y: 16.6654, Z: 85.3267
x: 0.171, y: 0.1355, Y: 16.6654
L: 47.8356, a: 27.3274, b: -74.329
L: 47.8356, u: -23.7033, v: -114.2553
L: 47.8356, C: 79.1933, H: 290.1862
L: 40.8233, a: 20.5731, b: -95.3486
cyan: 100 (0.9959), magenta: 56 (0.5602), yellow: 0 (0), key: 5 (0.0549)
cyan: 100 (0.9961), magenta: 58 (0.5843), yellow: 5 (0.0549)
Y: 89.995, I: -105.9207, Q: 19.8003
Y: 89.995, U: 74.3097, V: -78.0763
Y: 89.995, Db: 227.205, Dr: 169.26
Y: 93.299, Cb: 202.805, Cr: 72.32
Y: 93.355, Pb: 79.575, Pr: -58.71
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#016af1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016af1
to White#016af1
to Black#016af1
foreground
<p style="color: #016af1">#016af1 foreground</p>
#016af1
background
<p style="background-color: #016af1; color: #fff">#016af1 background</p>
#016af1
border
<p style="border: #016af1 3px solid">#016af1 border</p>
#016af1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016af1, #fff); background: -webkit-radial-gradient(50% 50%, #016af1, #fff); background: -o-radial-gradient(50% 50%, #016af1, #fff); background: -ms-radial-gradient(50% 50%, #016af1, #fff); background: radial-gradient(50% 50%, #016af1, #fff); color: #fff">#016af1 radial gradient</p>
#016af1
linear gradient to complementary #f08700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016af1, #f08700); background: -webkit-linear-gradient(top, #016af1, #f08700); background: -o-linear-gradient(top, #016af1, #f08700); background: -ms-linear-gradient(top, #016af1, #f08700); background: linear-gradient(top, #016af1, #f08700); color: #fff">
#016af1
linear gradient to complementary #f08700
</p>
#016af1
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016af1">#016af1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016af1
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 #016af1
.
Jump to paint brand: