#0070f1
Hex Color CodeThe hexadecimal color code #0070f1
is a shade of cyan-blue. In the RGB color model #0070f1
is comprised of 0% red, 43.92% green and 94.51% blue. In the HSL color space #0070f1
has a hue of 212.12 degrees, 100% saturation and 47.25% lightness. This color has an approximate wavelength of 486 nm.
#0070f1
Color InformationInverted
#ff8f0e 25% Saturated
#006ff0 Grayscale
#787878
25% Lighter
#2e8fff Original
#0070f1 25% Darker
#0053b4
royalblue
#4169e1 25% Desaturated
#1e72d2 Web Safe: blue
#0000ff
rgb(0, 112, 241)
rgba(0, 112, 241, 1.0)
red: 0%, yellow: 29.9861%, blue: 94.5098%
#0070f1
28913
-16748303 / 0xff0070f1
hsl(212, 100%, 47%)
hsla(212, 100%, 47%, 1.0)
hue: 212 (212.1162), saturation: 100 (100), value: 95 (94.5098)
X: 21.6714, Y: 17.9392, Z: 85.5395
x: 0.1732, y: 0.1433, Y: 17.9392
L: 49.4223, a: 23.4661, b: -71.7465
L: 49.4223, u: -25.3623, v: -111.3945
L: 49.4223, C: 75.4865, H: 288.1113
L: 42.3547, a: 17.2112, b: -90.0937
cyan: 100 (1), magenta: 54 (0.5353), yellow: 0 (0), key: 5 (0.0549)
cyan: 100 (1), magenta: 56 (0.5608), yellow: 5 (0.0549)
Y: 93.218, I: -108.1631, Q: 16.4533
Y: 93.218, U: 72.7237, V: -81.7813
Y: 93.218, Db: 222.357, Dr: 177.289
Y: 96.066, Cb: 201.207, Cr: 69.673
Y: 97.432, Pb: 77.38, Pr: -61.934
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#0070f1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0070f1
to White#0070f1
to Black#0070f1
foreground
<p style="color: #0070f1">#0070f1 foreground</p>
#0070f1
background
<p style="background-color: #0070f1; color: #fff">#0070f1 background</p>
#0070f1
border
<p style="border: #0070f1 3px solid">#0070f1 border</p>
#0070f1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0070f1, #fff); background: -webkit-radial-gradient(50% 50%, #0070f1, #fff); background: -o-radial-gradient(50% 50%, #0070f1, #fff); background: -ms-radial-gradient(50% 50%, #0070f1, #fff); background: radial-gradient(50% 50%, #0070f1, #fff); color: #fff">#0070f1 radial gradient</p>
#0070f1
linear gradient to complementary #f08000
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0070f1, #f08000); background: -webkit-linear-gradient(top, #0070f1, #f08000); background: -o-linear-gradient(top, #0070f1, #f08000); background: -ms-linear-gradient(top, #0070f1, #f08000); background: linear-gradient(top, #0070f1, #f08000); color: #fff">
#0070f1
linear gradient to complementary #f08000
</p>
#0070f1
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0070f1">#0070f1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0070f1
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 #0070f1
.
Jump to paint brand: