#0170f3
Hex Color CodeThe hexadecimal color code #0170f3
is a shade of cyan-blue. In the RGB color model #0170f3
is comprised of 0.39% red, 43.92% green and 95.29% blue. In the HSL color space #0170f3
has a hue of 212.48 degrees, 99.18% saturation and 47.84% lightness. This color has an approximate wavelength of 486 nm.
#0170f3
Color InformationInverted
#fe8f0c 25% Saturated
#006ff3 Grayscale
#797979
25% Lighter
#3290fe Original
#0170f3 25% Darker
#0053b6
royalblue
#4169e1 25% Desaturated
#1f72d4 Web Safe: blue
#0000ff
rgb(1, 112, 243)
rgba(1, 112, 243, 1.0)
red: 0.3922%, yellow: 30.2338%, blue: 95.2941%
#0170f3
94451
-16682765 / 0xff0170f3
hsl(212, 99%, 48%)
hsla(212, 99%, 48%, 1.0)
hue: 212 (212.4793), saturation: 100 (99.5885), value: 95 (95.2941)
X: 21.9843, Y: 18.0659, Z: 87.1224
x: 0.1729, y: 0.1421, Y: 18.0659
L: 49.5759, a: 24.2676, b: -72.613
L: 49.5759, u: -25.2672, v: -112.8027
L: 49.5759, C: 76.5609, H: 288.4798
L: 42.504, a: 17.9438, b: -91.7768
cyan: 100 (0.9959), magenta: 54 (0.5391), yellow: 0 (0), key: 5 (0.0471)
cyan: 100 (0.9961), magenta: 56 (0.5608), yellow: 5 (0.0471)
Y: 93.745, I: -108.2099, Q: 17.2871
Y: 93.745, U: 73.4486, V: -81.3663
Y: 93.745, Db: 224.573, Dr: 176.39
Y: 96.519, Cb: 201.937, Cr: 69.97
Y: 97.789, Pb: 78.265, Pr: -61.526
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#0170f3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0170f3
to White#0170f3
to Black#0170f3
foreground
<p style="color: #0170f3">#0170f3 foreground</p>
#0170f3
background
<p style="background-color: #0170f3; color: #fff">#0170f3 background</p>
#0170f3
border
<p style="border: #0170f3 3px solid">#0170f3 border</p>
#0170f3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0170f3, #fff); background: -webkit-radial-gradient(50% 50%, #0170f3, #fff); background: -o-radial-gradient(50% 50%, #0170f3, #fff); background: -ms-radial-gradient(50% 50%, #0170f3, #fff); background: radial-gradient(50% 50%, #0170f3, #fff); color: #fff">#0170f3 radial gradient</p>
#0170f3
linear gradient to complementary #f28400
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0170f3, #f28400); background: -webkit-linear-gradient(top, #0170f3, #f28400); background: -o-linear-gradient(top, #0170f3, #f28400); background: -ms-linear-gradient(top, #0170f3, #f28400); background: linear-gradient(top, #0170f3, #f28400); color: #fff">
#0170f3
linear gradient to complementary #f28400
</p>
#0170f3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0170f3">#0170f3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0170f3
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 #0170f3
.
Jump to paint brand: