#016667
Hex Color CodeThe hexadecimal color code #016667
is a dark shade of cyan. In the RGB color model #016667
is comprised of 0.39% red, 40% green and 40.39% blue. In the HSL color space #016667
has a hue of 180.59 degrees, 98.08% saturation and 20.39% lightness. This color has an approximate wavelength of 506 nm.
#016667
Color InformationInverted
#fe9998 25% Saturated
#006668 Grayscale
#343434
rgb(1, 102, 103)
rgba(1, 102, 103, 1.0)
red: 0.3922%, yellow: 20.2936%, blue: 40.3922%
#016667
91751
-16685465 / 0xff016667
hsl(181, 98%, 20%)
hsla(181, 98%, 20%, 1.0)
hue: 181 (180.5882), saturation: 99 (99.0291), value: 40 (40.3922)
X: 7.2121, Y: 10.4885, Z: 14.4763
x: 0.2241, y: 0.326, Y: 10.4885
L: 38.7052, a: -24.1196, b: -7.758
L: 38.7052, u: -29.7497, v: -7.2651
L: 38.7052, C: 25.3366, H: 197.8303
L: 32.3859, a: -16.9249, b: -3.8322
cyan: 99 (0.9903), magenta: 1 (0.0097), yellow: 0 (0), key: 60 (0.5961)
cyan: 100 (0.9961), magenta: 60 (0.6), yellow: 60 (0.5961)
Y: 71.915, I: -60.4886, Q: -21.0459
Y: 71.915, U: 15.2971, V: -62.215
Y: 71.915, Db: 46.783, Dr: 134.85
Y: 77.759, Cb: 143.387, Cr: 83.59
Y: 80.559, Pb: 12.115, Pr: -50.546
5BG 4/6 (approximate)
#016667
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#016667
to White#016667
to Black#016667
foreground
<p style="color: #016667">#016667 foreground</p>
#016667
background
<p style="background-color: #016667; color: #fff">#016667 background</p>
#016667
border
<p style="border: #016667 3px solid">#016667 border</p>
#016667
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #016667, #fff); background: -webkit-radial-gradient(50% 50%, #016667, #fff); background: -o-radial-gradient(50% 50%, #016667, #fff); background: -ms-radial-gradient(50% 50%, #016667, #fff); background: radial-gradient(50% 50%, #016667, #fff); color: #fff">#016667 radial gradient</p>
#016667
linear gradient to complementary #670200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #016667, #670200); background: -webkit-linear-gradient(top, #016667, #670200); background: -o-linear-gradient(top, #016667, #670200); background: -ms-linear-gradient(top, #016667, #670200); background: linear-gradient(top, #016667, #670200); color: #fff">
#016667
linear gradient to complementary #670200
</p>
#016667
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #016667">#016667 text shadow</p>
The matching paint colors are listed in order of relevancy to the #016667
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 #016667
.
Jump to paint brand: