#0170ce
Hex Color CodeThe hexadecimal color code #0170ce
is a shade of cyan-blue. In the RGB color model #0170ce
is comprised of 0.39% red, 43.92% green and 80.78% blue. In the HSL color space #0170ce
has a hue of 207.51 degrees, 99.03% saturation and 40.59% lightness. This color has an approximate wavelength of 489 nm.
#0170ce
Color InformationInverted
#fe8f31 25% Saturated
#0070cf Grayscale
#676767
25% Lighter
#048bfd Original
#0170ce 25% Darker
#00539a
royalblue
#4169e1 25% Desaturated
#1a6db4 Web Safe: blue
#0000ff
rgb(1, 112, 206)
rgba(1, 112, 206, 1.0)
red: 0.3922%, yellow: 28.6312%, blue: 80.7843%
#0170ce
94414
-16682802 / 0xff0170ce
hsl(208, 99%, 41%)
hsla(208, 99%, 41%, 1.0)
hue: 208 (207.5122), saturation: 100 (99.5146), value: 81 (80.7843)
X: 16.9473, Y: 16.051, Z: 60.5975
x: 0.1811, y: 0.1715, Y: 16.051
L: 47.0414, a: 9.6914, b: -55.8189
L: 47.0414, u: -26.6632, v: -85.4013
L: 47.0414, C: 56.654, H: 279.8496
L: 40.0637, a: 5.3953, b: -61.6331
cyan: 100 (0.9951), magenta: 46 (0.4563), yellow: 0 (0), key: 19 (0.1922)
cyan: 100 (0.9961), magenta: 56 (0.5608), yellow: 19 (0.1922)
Y: 89.527, I: -96.3232, Q: 5.7751
Y: 89.527, U: 57.3166, V: -77.6659
Y: 89.527, Db: 175.252, Dr: 168.361
Y: 92.893, Cb: 185.694, Cr: 72.597
Y: 95.125, Pb: 59.765, Pr: -59.824
5PB 5/12 approximate; exact match: Munsell 5PB 5/12 / #2d7bd5
#0170ce
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0170ce
to White#0170ce
to Black#0170ce
foreground
<p style="color: #0170ce">#0170ce foreground</p>
#0170ce
background
<p style="background-color: #0170ce; color: #fff">#0170ce background</p>
#0170ce
border
<p style="border: #0170ce 3px solid">#0170ce border</p>
#0170ce
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0170ce, #fff); background: -webkit-radial-gradient(50% 50%, #0170ce, #fff); background: -o-radial-gradient(50% 50%, #0170ce, #fff); background: -ms-radial-gradient(50% 50%, #0170ce, #fff); background: radial-gradient(50% 50%, #0170ce, #fff); color: #fff">#0170ce radial gradient</p>
#0170ce
linear gradient to complementary #ce5e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0170ce, #ce5e00); background: -webkit-linear-gradient(top, #0170ce, #ce5e00); background: -o-linear-gradient(top, #0170ce, #ce5e00); background: -ms-linear-gradient(top, #0170ce, #ce5e00); background: linear-gradient(top, #0170ce, #ce5e00); color: #fff">
#0170ce
linear gradient to complementary #ce5e00
</p>
#0170ce
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0170ce">#0170ce text shadow</p>
The matching paint colors are listed in order of relevancy to the #0170ce
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 #0170ce
.
Jump to paint brand: