#016aa3
Hex Color CodeThe hexadecimal color code #016aa3
is a medium dark shade of cyan-blue. In the RGB color model #016aa3
is comprised of 0.39% red, 41.57% green and 63.92% blue. In the HSL color space #016aa3
has a hue of 201.11 degrees, 98.78% saturation and 32.16% lightness. This color has an approximate wavelength of 493 nm.
#016aa3
Color InformationInverted
#fe955c 25% Saturated
#006aa3 Grayscale
#515151
25% Lighter
#0184cb Original
#016aa3 25% Darker
#004f7a
steelblue
#4682b4 25% Desaturated
#15648e Web Safe: blue
#0000ff
rgb(1, 106, 163)
rgba(1, 106, 163, 1.0)
red: 0.3922%, yellow: 25.3756%, blue: 63.9216%
#016aa3
92835
-16684381 / 0xff016aa3
hsl(201, 99%, 32%)
hsla(201, 99%, 32%, 1.0)
hue: 201 (201.1111), saturation: 99 (99.3865), value: 64 (63.9216)
X: 11.7774, Y: 12.9589, Z: 36.5309
x: 0.1922, y: 0.2115, Y: 12.9589
L: 42.7012, a: -3.7502, b: -37.7639
L: 42.7012, u: -27.002, v: -54.9376
L: 42.7012, C: 37.9497, H: 264.3287
L: 35.9984, a: -4.5984, b: -34.9681
cyan: 99 (0.9939), magenta: 35 (0.3497), yellow: 0 (0), key: 36 (0.3608)
cyan: 100 (0.9961), magenta: 58 (0.5843), yellow: 36 (0.3608)
Y: 81.103, I: -80.8622, Q: -4.4682
Y: 81.103, U: 40.3017, V: -70.2756
Y: 81.103, Db: 123.231, Dr: 152.334
Y: 85.655, Cb: 168.563, Cr: 77.858
Y: 87.739, Pb: 40.575, Pr: -55.122
10B 4/8 (approximate)
#016aa3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016aa3
to White#016aa3
to Black#016aa3
foreground
<p style="color: #016aa3">#016aa3 foreground</p>
#016aa3
background
<p style="background-color: #016aa3; color: #fff">#016aa3 background</p>
#016aa3
border
<p style="border: #016aa3 3px solid">#016aa3 border</p>
#016aa3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016aa3, #fff); background: -webkit-radial-gradient(50% 50%, #016aa3, #fff); background: -o-radial-gradient(50% 50%, #016aa3, #fff); background: -ms-radial-gradient(50% 50%, #016aa3, #fff); background: radial-gradient(50% 50%, #016aa3, #fff); color: #fff">#016aa3 radial gradient</p>
#016aa3
linear gradient to complementary #a33900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016aa3, #a33900); background: -webkit-linear-gradient(top, #016aa3, #a33900); background: -o-linear-gradient(top, #016aa3, #a33900); background: -ms-linear-gradient(top, #016aa3, #a33900); background: linear-gradient(top, #016aa3, #a33900); color: #fff">
#016aa3
linear gradient to complementary #a33900
</p>
#016aa3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016aa3">#016aa3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016aa3
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 #016aa3
.
Jump to paint brand: