#016cb4
Hex Color CodeThe hexadecimal color code #016cb4
is a medium dark shade of cyan-blue. In the RGB color model #016cb4
is comprised of 0.39% red, 42.35% green and 70.59% blue. In the HSL color space #016cb4
has a hue of 204.13 degrees, 98.9% saturation and 35.49% lightness. This color has an approximate wavelength of 491 nm.
#016cb4
Color InformationInverted
#fe934b 25% Saturated
#006cb5 Grayscale
#5a5a5a
25% Lighter
#0186e1 Original
#016cb4 25% Darker
#005087
steelblue
#4682b4 25% Desaturated
#17679d Web Safe: blue
#0000ff
rgb(1, 108, 180)
rgba(1, 108, 180, 1.0)
red: 0.3922%, yellow: 26.6543%, blue: 70.5882%
#016cb4
93364
-16683852 / 0xff016cb4
hsl(204, 99%, 35%)
hsla(204, 99%, 35%, 1.0)
hue: 204 (204.1341), saturation: 99 (99.4444), value: 71 (70.5882)
X: 13.6133, Y: 14.0269, Z: 45.17
x: 0.187, y: 0.1926, Y: 14.0269
L: 44.2714, a: 1.8137, b: -45.2463
L: 44.2714, u: -26.6939, v: -67.4534
L: 44.2714, C: 45.2827, H: 272.2955
L: 37.4525, a: -0.6602, b: -45.2907
cyan: 99 (0.9944), magenta: 40 (0.4), yellow: 0 (0), key: 29 (0.2941)
cyan: 100 (0.9961), magenta: 58 (0.5765), yellow: 29 (0.2941)
Y: 84.215, I: -86.8725, Q: -0.2241
Y: 84.215, U: 47.136, V: -73.0057
Y: 84.215, Db: 144.126, Dr: 158.255
Y: 88.329, Cb: 175.444, Cr: 75.915
Y: 90.393, Pb: 48.305, Pr: -56.812
2.5PB 4/10 (approximate)
#016cb4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016cb4
to White#016cb4
to Black#016cb4
foreground
<p style="color: #016cb4">#016cb4 foreground</p>
#016cb4
background
<p style="background-color: #016cb4; color: #fff">#016cb4 background</p>
#016cb4
border
<p style="border: #016cb4 3px solid">#016cb4 border</p>
#016cb4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016cb4, #fff); background: -webkit-radial-gradient(50% 50%, #016cb4, #fff); background: -o-radial-gradient(50% 50%, #016cb4, #fff); background: -ms-radial-gradient(50% 50%, #016cb4, #fff); background: radial-gradient(50% 50%, #016cb4, #fff); color: #fff">#016cb4 radial gradient</p>
#016cb4
linear gradient to complementary #b44900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016cb4, #b44900); background: -webkit-linear-gradient(top, #016cb4, #b44900); background: -o-linear-gradient(top, #016cb4, #b44900); background: -ms-linear-gradient(top, #016cb4, #b44900); background: linear-gradient(top, #016cb4, #b44900); color: #fff">
#016cb4
linear gradient to complementary #b44900
</p>
#016cb4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016cb4">#016cb4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016cb4
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 #016cb4
.
Jump to paint brand: