#0172f2
Hex Color CodeThe hexadecimal color code #0172f2
is a shade of cyan-blue. In the RGB color model #0172f2
is comprised of 0.39% red, 44.71% green and 94.9% blue. In the HSL color space #0172f2
has a hue of 211.87 degrees, 99.18% saturation and 47.65% lightness. This color has an approximate wavelength of 487 nm.
#0172f2
Color InformationInverted
#fe8d0d 25% Saturated
#0071f2 Grayscale
#797979
25% Lighter
#3191fe Original
#0172f2 25% Darker
#0055b5
royalblue
#4169e1 25% Desaturated
#1f73d3 Web Safe: blue
#0000ff
rgb(1, 114, 242)
rgba(1, 114, 242, 1.0)
red: 0.3922%, yellow: 30.5605%, blue: 94.902%
#0172f2
94962
-16682254 / 0xff0172f2
hsl(212, 99%, 48%)
hsla(212, 99%, 48%, 1.0)
hue: 212 (211.8672), saturation: 100 (99.5868), value: 95 (94.902)
X: 22.0568, Y: 18.4519, Z: 86.4034
x: 0.1738, y: 0.1454, Y: 18.4519
L: 50.0397, a: 22.6055, b: -71.3013
L: 50.0397, u: -25.8509, v: -111.0752
L: 50.0397, C: 74.7989, H: 287.5908
L: 42.9557, a: 16.4837, b: -89.1903
cyan: 100 (0.9959), magenta: 53 (0.5289), yellow: 0 (0), key: 5 (0.051)
cyan: 100 (0.9961), magenta: 55 (0.5529), yellow: 5 (0.051)
Y: 94.805, I: -108.4376, Q: 15.9308
Y: 94.805, U: 72.4348, V: -82.2963
Y: 94.805, Db: 221.474, Dr: 178.405
Y: 97.429, Cb: 200.916, Cr: 69.305
Y: 99.147, Pb: 76.995, Pr: -62.388
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#0172f2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0172f2
to White#0172f2
to Black#0172f2
foreground
<p style="color: #0172f2">#0172f2 foreground</p>
#0172f2
background
<p style="background-color: #0172f2; color: #fff">#0172f2 background</p>
#0172f2
border
<p style="border: #0172f2 3px solid">#0172f2 border</p>
#0172f2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0172f2, #fff); background: -webkit-radial-gradient(50% 50%, #0172f2, #fff); background: -o-radial-gradient(50% 50%, #0172f2, #fff); background: -ms-radial-gradient(50% 50%, #0172f2, #fff); background: radial-gradient(50% 50%, #0172f2, #fff); color: #fff">#0172f2 radial gradient</p>
#0172f2
linear gradient to complementary #f18100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0172f2, #f18100); background: -webkit-linear-gradient(top, #0172f2, #f18100); background: -o-linear-gradient(top, #0172f2, #f18100); background: -ms-linear-gradient(top, #0172f2, #f18100); background: linear-gradient(top, #0172f2, #f18100); color: #fff">
#0172f2
linear gradient to complementary #f18100
</p>
#0172f2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0172f2">#0172f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0172f2
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 #0172f2
.
Jump to paint brand: