Color Charts
RGB
CMYK
RYB
#0180f9 Hex Color CodeThe hexadecimal color code #0180f9 is a shade of cyan-blue. In the RGB color model #0180f9 is comprised of 0.39% red, 50.2% green and 97.65% blue. In the HSL color space #0180f9 has a hue of 209.27 degrees, 99.2% saturation and 49.02% lightness. This color has an approximate wavelength of 488 nm.
#0180f9 Color InformationInverted
#fe7f06 25% Saturated
#0080fa Grayscale
#7d7d7d
25% Lighter
#3a9efe Original
#0180f9 25% Darker
#005fba
dodgerblue
#1e90ff 25% Desaturated
#1f7fda Web Safe: fuchsia
#ff00ff
rgb(1, 128, 249)
rgba(1, 128, 249, 1.0)
red: 0.3922%, yellow: 33.3292%, blue: 97.6471%
#0180f9
98553
-16678663 / 0xff0180f9
hsl(209, 99%, 49%)
hsla(209, 99%, 49%, 1.0)
hue: 209 (209.2742), saturation: 100 (99.5984), value: 98 (97.6471)
X: 24.8306, Y: 22.2843, Z: 92.6151
x: 0.1777, y: 0.1595, Y: 22.2843
L: 54.3274, a: 16.4985, b: -68.2435
L: 54.3274, u: -29.5946, v: -108.3805
L: 54.3274, C: 70.2095, H: 283.591
L: 47.2063, a: 11.2802, b: -83.278
cyan: 100 (0.996), magenta: 49 (0.4859), yellow: 0 (0), key: 2 (0.0235)
cyan: 100 (0.9961), magenta: 50 (0.498), yellow: 2 (0.0235)
Y: 103.821, I: -114.5288, Q: 10.7924
Y: 103.821, U: 71.4428, V: -90.2062
Y: 103.821, Db: 218.443, Dr: 195.548
Y: 105.171, Cb: 199.915, Cr: 63.656
Y: 109.661, Pb: 75.105, Pr: -69.066
5PB 5/16 (approximate)
#0180f9 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0180f9 to White#0180f9 to Black#0180f9 foreground
<p style="color: #0180f9">#0180f9 foreground</p>
#0180f9 background
<p style="background-color: #0180f9; color: #fff">#0180f9 background</p>
#0180f9 border
<p style="border: #0180f9 3px solid">#0180f9 border</p>
#0180f9 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0180f9, #fff); background: -webkit-radial-gradient(50% 50%, #0180f9, #fff); background: -o-radial-gradient(50% 50%, #0180f9, #fff); background: -ms-radial-gradient(50% 50%, #0180f9, #fff); background: radial-gradient(50% 50%, #0180f9, #fff); color: #fff">#0180f9 radial gradient</p>
#0180f9 linear gradient to complementary #f97900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0180f9, #f97900); background: -webkit-linear-gradient(top, #0180f9, #f97900); background: -o-linear-gradient(top, #0180f9, #f97900); background: -ms-linear-gradient(top, #0180f9, #f97900); background: linear-gradient(top, #0180f9, #f97900); color: #fff">#0180f9 linear gradient to complementary #f97900</p>
#0180f9 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0180f9">#0180f9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0180f9 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 #0180f9.
Jump to paint brand: