#016cc3
Hex Color CodeThe hexadecimal color code #016cc3
is a medium dark shade of cyan-blue. In the RGB color model #016cc3
is comprised of 0.39% red, 42.35% green and 76.47% blue. In the HSL color space #016cc3
has a hue of 206.91 degrees, 98.98% saturation and 38.43% lightness. This color has an approximate wavelength of 490 nm.
#016cc3
Color InformationInverted
#fe933c 25% Saturated
#006cc3 Grayscale
#616161
25% Lighter
#0186f3 Original
#016cc3 25% Darker
#005092
royalblue
#4169e1 25% Desaturated
#1969aa Web Safe: blue
#0000ff
rgb(1, 108, 195)
rgba(1, 108, 195, 1.0)
red: 0.3922%, yellow: 27.4366%, blue: 76.4706%
#016cc3
93379
-16683837 / 0xff016cc3
hsl(207, 99%, 38%)
hsla(207, 99%, 38%, 1.0)
hue: 207 (206.9072), saturation: 99 (99.4872), value: 76 (76.4706)
X: 15.2254, Y: 14.6717, Z: 53.6592
x: 0.1822, y: 0.1756, Y: 14.6717
L: 45.1812, a: 7.8359, b: -52.4912
L: 45.1812, u: -25.9353, v: -79.3652
L: 45.1812, C: 53.0729, H: 278.4905
L: 38.3037, a: 3.9209, b: -56.2462
cyan: 99 (0.9949), magenta: 45 (0.4462), yellow: 0 (0), key: 24 (0.2353)
cyan: 100 (0.9961), magenta: 58 (0.5765), yellow: 24 (0.2353)
Y: 85.925, I: -91.6915, Q: 4.443
Y: 85.925, U: 53.676, V: -74.5059
Y: 85.925, Db: 164.121, Dr: 161.51
Y: 89.799, Cb: 182.029, Cr: 74.85
Y: 91.473, Pb: 55.805, Pr: -57.502
5PB 4/12 (approximate)
#016cc3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016cc3
to White#016cc3
to Black#016cc3
foreground
<p style="color: #016cc3">#016cc3 foreground</p>
#016cc3
background
<p style="background-color: #016cc3; color: #fff">#016cc3 background</p>
#016cc3
border
<p style="border: #016cc3 3px solid">#016cc3 border</p>
#016cc3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016cc3, #fff); background: -webkit-radial-gradient(50% 50%, #016cc3, #fff); background: -o-radial-gradient(50% 50%, #016cc3, #fff); background: -ms-radial-gradient(50% 50%, #016cc3, #fff); background: radial-gradient(50% 50%, #016cc3, #fff); color: #fff">#016cc3 radial gradient</p>
#016cc3
linear gradient to complementary #c35800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016cc3, #c35800); background: -webkit-linear-gradient(top, #016cc3, #c35800); background: -o-linear-gradient(top, #016cc3, #c35800); background: -ms-linear-gradient(top, #016cc3, #c35800); background: linear-gradient(top, #016cc3, #c35800); color: #fff">
#016cc3
linear gradient to complementary #c35800
</p>
#016cc3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016cc3">#016cc3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016cc3
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 #016cc3
.
Jump to paint brand: