#016a78
Hex Color CodeThe hexadecimal color code #016a78
is a dark shade of cyan. In the RGB color model #016a78
is comprised of 0.39% red, 41.57% green and 47.06% blue. In the HSL color space #016a78
has a hue of 187.06 degrees, 98.35% saturation and 23.73% lightness. This color has an approximate wavelength of 502 nm.
#016a78
Color InformationInverted
#fe9587 25% Saturated
#006a78 Grayscale
#3c3c3c
rgb(1, 106, 120)
rgba(1, 106, 120, 1.0)
red: 0.3922%, yellow: 22.2672%, blue: 47.0588%
#016a78
92792
-16684424 / 0xff016a78
hsl(187, 98%, 24%)
hsla(187, 98%, 24%, 1.0)
hue: 187 (187.0588), saturation: 99 (99.1667), value: 47 (47.0588)
X: 8.5567, Y: 11.6706, Z: 19.571
x: 0.215, y: 0.2932, Y: 11.6706
L: 40.6877, a: -20.2516, b: -15.1331
L: 40.6877, u: -29.937, v: -18.4571
L: 40.6877, C: 25.2812, H: 216.7691
L: 34.1622, a: -15.0745, b: -10.0527
cyan: 99 (0.9917), magenta: 12 (0.1167), yellow: 0 (0), key: 53 (0.5294)
cyan: 100 (0.9961), magenta: 58 (0.5843), yellow: 53 (0.5294)
Y: 76.201, I: -67.0479, Q: -17.847
Y: 76.201, U: 21.5537, V: -65.9751
Y: 76.201, Db: 65.912, Dr: 143.003
Y: 81.441, Cb: 149.686, Cr: 80.911
Y: 84.643, Pb: 19.075, Pr: -53.144
10BG 4/6 (approximate)
#016a78
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016a78
to White#016a78
to Black#016a78
foreground
<p style="color: #016a78">#016a78 foreground</p>
#016a78
background
<p style="background-color: #016a78; color: #fff">#016a78 background</p>
#016a78
border
<p style="border: #016a78 3px solid">#016a78 border</p>
#016a78
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016a78, #fff); background: -webkit-radial-gradient(50% 50%, #016a78, #fff); background: -o-radial-gradient(50% 50%, #016a78, #fff); background: -ms-radial-gradient(50% 50%, #016a78, #fff); background: radial-gradient(50% 50%, #016a78, #fff); color: #fff">#016a78 radial gradient</p>
#016a78
linear gradient to complementary #770f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016a78, #770f00); background: -webkit-linear-gradient(top, #016a78, #770f00); background: -o-linear-gradient(top, #016a78, #770f00); background: -ms-linear-gradient(top, #016a78, #770f00); background: linear-gradient(top, #016a78, #770f00); color: #fff">
#016a78
linear gradient to complementary #770f00
</p>
#016a78
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016a78">#016a78 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016a78
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 #016a78
.
Jump to paint brand: