Color Charts
RGB
CMYK
RYB
#0070cf Hex Color CodeThe hexadecimal color code #0070cf is a shade of cyan-blue. In the RGB color model #0070cf is comprised of 0% red, 43.92% green and 81.18% blue. In the HSL color space #0070cf has a hue of 207.54 degrees, 100% saturation and 40.59% lightness. This color has an approximate wavelength of 489 nm.
#0070cf Color InformationInverted
#ff8f30 25% Saturated
#006fcf Grayscale
#676767
25% Lighter
#038bff Original
#0070cf 25% Darker
#00539b
royalblue
#4169e1 25% Desaturated
#196db5 Web Safe: blue
#0000ff
rgb(0, 112, 207)
rgba(0, 112, 207, 1.0)
red: 0%, yellow: 28.5008%, blue: 81.1765%
#0070cf
28879
-16748337 / 0xff0070cf
hsl(208, 100%, 41%)
hsla(208, 100%, 41%, 1.0)
hue: 208 (207.5362), saturation: 100 (100), value: 81 (81.1765)
X: 17.0567, Y: 16.0933, Z: 61.2388
x: 0.1807, y: 0.1705, Y: 16.0933
L: 47.0967, a: 10.057, b: -56.3019
L: 47.0967, u: -26.6585, v: -86.1888
L: 47.0967, C: 57.1931, H: 280.1277
L: 40.1165, a: 5.6904, b: -62.4261
cyan: 100 (1), magenta: 46 (0.4589), yellow: 0 (0), key: 19 (0.1882)
cyan: 100 (1), magenta: 56 (0.5608), yellow: 19 (0.1882)
Y: 89.342, I: -97.2402, Q: 5.8748
Y: 89.342, U: 57.8997, V: -78.3809
Y: 89.342, Db: 177.035, Dr: 169.911
Y: 92.734, Cb: 186.281, Cr: 72.087
Y: 94.984, Pb: 60.38, Pr: -60.37
5PB 5/12 approximate; exact match: Munsell 5PB 5/12 / #2d7bd5
#0070cf / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0070cf to White#0070cf to Black#0070cf foreground
<p style="color: #0070cf">#0070cf foreground</p>
#0070cf background
<p style="background-color: #0070cf; color: #fff">#0070cf background</p>
#0070cf border
<p style="border: #0070cf 3px solid">#0070cf border</p>
#0070cf radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0070cf, #fff); background: -webkit-radial-gradient(50% 50%, #0070cf, #fff); background: -o-radial-gradient(50% 50%, #0070cf, #fff); background: -ms-radial-gradient(50% 50%, #0070cf, #fff); background: radial-gradient(50% 50%, #0070cf, #fff); color: #fff">#0070cf radial gradient</p>
#0070cf linear gradient to complementary #cf5f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0070cf, #cf5f00); background: -webkit-linear-gradient(top, #0070cf, #cf5f00); background: -o-linear-gradient(top, #0070cf, #cf5f00); background: -ms-linear-gradient(top, #0070cf, #cf5f00); background: linear-gradient(top, #0070cf, #cf5f00); color: #fff">#0070cf linear gradient to complementary #cf5f00</p>
#0070cf text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0070cf">#0070cf text shadow</p>
The matching paint colors are listed in order of relevancy to the #0070cf 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 #0070cf.
Jump to paint brand: