#0176f2
Hex Color CodeThe hexadecimal color code #0176f2
is a shade of cyan-blue. In the RGB color model #0176f2
is comprised of 0.39% red, 46.27% green and 94.9% blue. In the HSL color space #0176f2
has a hue of 210.87 degrees, 99.18% saturation and 47.65% lightness. This color has an approximate wavelength of 487 nm.
#0176f2
Color InformationInverted
#fe890d 25% Saturated
#0075f2 Grayscale
#797979
25% Lighter
#3194fe Original
#0176f2 25% Darker
#0058b5
royalblue
#4169e1 25% Desaturated
#1f76d3 Web Safe: blue
#0000ff
rgb(1, 118, 242)
rgba(1, 118, 242, 1.0)
red: 0.3922%, yellow: 31.2794%, blue: 94.902%
#0176f2
95986
-16681230 / 0xff0176f2
hsl(211, 99%, 48%)
hsla(211, 99%, 48%, 1.0)
hue: 211 (210.8714), saturation: 100 (99.5868), value: 95 (94.902)
X: 22.518, Y: 19.3741, Z: 86.5572
x: 0.1753, y: 0.1508, Y: 19.3741
L: 51.1221, a: 20.0664, b: -69.5448
L: 51.1221, u: -26.9768, v: -108.9425
L: 51.1221, C: 72.3819, H: 286.0949
L: 44.016, a: 14.2899, b: -85.782
cyan: 100 (0.9959), magenta: 51 (0.5124), yellow: 0 (0), key: 5 (0.051)
cyan: 100 (0.9961), magenta: 54 (0.5373), yellow: 5 (0.051)
Y: 97.153, I: -109.5354, Q: 13.8404
Y: 97.153, U: 71.2794, V: -84.3562
Y: 97.153, Db: 217.942, Dr: 182.869
Y: 99.445, Cb: 199.752, Cr: 67.833
Y: 102.007, Pb: 75.455, Pr: -64.204
5PB 5/16 (approximate)
#0176f2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0176f2
to White#0176f2
to Black#0176f2
foreground
<p style="color: #0176f2">#0176f2 foreground</p>
#0176f2
background
<p style="background-color: #0176f2; color: #fff">#0176f2 background</p>
#0176f2
border
<p style="border: #0176f2 3px solid">#0176f2 border</p>
#0176f2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0176f2, #fff); background: -webkit-radial-gradient(50% 50%, #0176f2, #fff); background: -o-radial-gradient(50% 50%, #0176f2, #fff); background: -ms-radial-gradient(50% 50%, #0176f2, #fff); background: radial-gradient(50% 50%, #0176f2, #fff); color: #fff">#0176f2 radial gradient</p>
#0176f2
linear gradient to complementary #f17d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0176f2, #f17d00); background: -webkit-linear-gradient(top, #0176f2, #f17d00); background: -o-linear-gradient(top, #0176f2, #f17d00); background: -ms-linear-gradient(top, #0176f2, #f17d00); background: linear-gradient(top, #0176f2, #f17d00); color: #fff">
#0176f2
linear gradient to complementary #f17d00
</p>
#0176f2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0176f2">#0176f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0176f2
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 #0176f2
.
Jump to paint brand: