#0070f2
Hex Color CodeThe hexadecimal color code #0070f2
is a shade of cyan-blue. In the RGB color model #0070f2
is comprised of 0% red, 43.92% green and 94.9% blue. In the HSL color space #0070f2
has a hue of 212.23 degrees, 100% saturation and 47.45% lightness. This color has an approximate wavelength of 486 nm.
#0070f2
Color InformationInverted
#ff8f0d 25% Saturated
#006ff1 Grayscale
#787878
25% Lighter
#2f8fff Original
#0070f2 25% Darker
#0053b5
royalblue
#4169e1 25% Desaturated
#1e72d3 Web Safe: blue
#0000ff
rgb(0, 112, 242)
rgba(0, 112, 242, 1.0)
red: 0%, yellow: 30.0255%, blue: 94.902%
#0070f2
28914
-16748302 / 0xff0070f2
hsl(212, 100%, 47%)
hsla(212, 100%, 47%, 1.0)
hue: 212 (212.2314), saturation: 100 (100), value: 95 (94.902)
X: 21.8212, Y: 17.9991, Z: 86.3285
x: 0.173, y: 0.1427, Y: 17.9991
L: 49.4951, a: 23.8547, b: -72.1867
L: 49.4951, u: -25.3315, v: -112.1054
L: 49.4951, C: 76.0261, H: 288.2866
L: 42.4254, a: 17.5657, b: -90.9473
cyan: 100 (1), magenta: 54 (0.5372), yellow: 0 (0), key: 5 (0.051)
cyan: 100 (1), magenta: 56 (0.5608), yellow: 5 (0.051)
Y: 93.332, I: -108.4844, Q: 16.7645
Y: 93.332, U: 73.1597, V: -81.8813
Y: 93.332, Db: 223.69, Dr: 177.506
Y: 96.164, Cb: 201.646, Cr: 69.602
Y: 97.504, Pb: 77.88, Pr: -61.98
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#0070f2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0070f2
to White#0070f2
to Black#0070f2
foreground
<p style="color: #0070f2">#0070f2 foreground</p>
#0070f2
background
<p style="background-color: #0070f2; color: #fff">#0070f2 background</p>
#0070f2
border
<p style="border: #0070f2 3px solid">#0070f2 border</p>
#0070f2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0070f2, #fff); background: -webkit-radial-gradient(50% 50%, #0070f2, #fff); background: -o-radial-gradient(50% 50%, #0070f2, #fff); background: -ms-radial-gradient(50% 50%, #0070f2, #fff); background: radial-gradient(50% 50%, #0070f2, #fff); color: #fff">#0070f2 radial gradient</p>
#0070f2
linear gradient to complementary #f18100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0070f2, #f18100); background: -webkit-linear-gradient(top, #0070f2, #f18100); background: -o-linear-gradient(top, #0070f2, #f18100); background: -ms-linear-gradient(top, #0070f2, #f18100); background: linear-gradient(top, #0070f2, #f18100); color: #fff">
#0070f2
linear gradient to complementary #f18100
</p>
#0070f2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0070f2">#0070f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0070f2
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 #0070f2
.
Jump to paint brand: