#016ef3
Hex Color CodeThe hexadecimal color code #016ef3
is a shade of cyan-blue. In the RGB color model #016ef3
is comprised of 0.39% red, 43.14% green and 95.29% blue. In the HSL color space #016ef3
has a hue of 212.98 degrees, 99.18% saturation and 47.84% lightness. This color has an approximate wavelength of 486 nm.
#016ef3
Color InformationInverted
#fe910c 25% Saturated
#006df3 Grayscale
#797979
25% Lighter
#328efe Original
#016ef3 25% Darker
#0052b6
royalblue
#4169e1 25% Desaturated
#1f70d4 Web Safe: blue
#0000ff
rgb(1, 110, 243)
rgba(1, 110, 243, 1.0)
red: 0.3922%, yellow: 29.8631%, blue: 95.2941%
#016ef3
93939
-16683277 / 0xff016ef3
hsl(213, 99%, 48%)
hsla(213, 99%, 48%, 1.0)
hue: 213 (212.9752), saturation: 100 (99.5885), value: 95 (95.2941)
X: 21.7661, Y: 17.6294, Z: 87.0496
x: 0.1721, y: 0.1394, Y: 17.6294
L: 49.0435, a: 25.5435, b: -73.4793
L: 49.0435, u: -24.7223, v: -113.7811
L: 49.0435, C: 77.7925, H: 289.1689
L: 41.9874, a: 19.056, b: -93.5309
cyan: 100 (0.9959), magenta: 55 (0.5473), yellow: 0 (0), key: 5 (0.0471)
cyan: 100 (0.9961), magenta: 57 (0.5686), yellow: 5 (0.0471)
Y: 92.571, I: -107.661, Q: 18.3323
Y: 92.571, U: 74.0263, V: -80.3363
Y: 92.571, Db: 226.339, Dr: 174.158
Y: 95.511, Cb: 202.519, Cr: 70.706
Y: 96.359, Pb: 79.035, Pr: -60.618
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#016ef3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016ef3
to White#016ef3
to Black#016ef3
foreground
<p style="color: #016ef3">#016ef3 foreground</p>
#016ef3
background
<p style="background-color: #016ef3; color: #fff">#016ef3 background</p>
#016ef3
border
<p style="border: #016ef3 3px solid">#016ef3 border</p>
#016ef3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016ef3, #fff); background: -webkit-radial-gradient(50% 50%, #016ef3, #fff); background: -o-radial-gradient(50% 50%, #016ef3, #fff); background: -ms-radial-gradient(50% 50%, #016ef3, #fff); background: radial-gradient(50% 50%, #016ef3, #fff); color: #fff">#016ef3 radial gradient</p>
#016ef3
linear gradient to complementary #f28500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016ef3, #f28500); background: -webkit-linear-gradient(top, #016ef3, #f28500); background: -o-linear-gradient(top, #016ef3, #f28500); background: -ms-linear-gradient(top, #016ef3, #f28500); background: linear-gradient(top, #016ef3, #f28500); color: #fff">
#016ef3
linear gradient to complementary #f28500
</p>
#016ef3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016ef3">#016ef3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016ef3
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 #016ef3
.
Jump to paint brand: