Color Charts
RGB
CMYK
RYB
#0031f0 Hex Color CodeThe hexadecimal color code #0031f0 is a shade of blue. In the RGB color model #0031f0 is comprised of 0% red, 19.22% green and 94.12% blue. In the HSL color space #0031f0 has a hue of 227.75 degrees, 100% saturation and 47.06% lightness. This color has an approximate wavelength of 477 nm.
#0031f0 Color InformationInverted
#ffce0f 25% Saturated
#0030ef Grayscale
#777777
rgb(0, 49, 240)
rgba(0, 49, 240, 1.0)
red: 0%, yellow: 15.9577%, blue: 94.1176%
#0031f0
12784
-16764432 / 0xff0031f0
hsl(228, 100%, 47%)
hsla(228, 100%, 47%, 1.0)
hue: 228 (227.75), saturation: 100 (100), value: 94 (94.1176)
X: 16.8265, Y: 8.4879, Z: 83.1895
x: 0.1551, y: 0.0782, Y: 8.4879
L: 34.979, a: 61.0142, b: -94.9431
L: 34.979, u: -12.2268, v: -124.7359
L: 34.979, C: 112.8579, H: 302.7264
L: 29.134, a: 52.1091, b: -148.9036
cyan: 100 (1), magenta: 80 (0.7958), yellow: 0 (0), key: 6 (0.0588)
cyan: 100 (1), magenta: 81 (0.8078), yellow: 6 (0.0588)
Y: 56.123, I: -90.5513, Q: 49.0654
Y: 56.123, U: 90.4859, V: -49.2369
Y: 56.123, Db: 276.653, Dr: 106.764
Y: 64.216, Cb: 219.101, Cr: 92.928
Y: 52.315, Pb: 101.135, Pr: -33.286
7.5PB 4/24 (approximate)
#0031f0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0031f0 to White#0031f0 to Black#0031f0 foreground
<p style="color: #0031f0">#0031f0 foreground</p>
#0031f0 background
<p style="background-color: #0031f0; color: #fff">#0031f0 background</p>
#0031f0 border
<p style="border: #0031f0 3px solid">#0031f0 border</p>
#0031f0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0031f0, #fff); background: -webkit-radial-gradient(50% 50%, #0031f0, #fff); background: -o-radial-gradient(50% 50%, #0031f0, #fff); background: -ms-radial-gradient(50% 50%, #0031f0, #fff); background: radial-gradient(50% 50%, #0031f0, #fff); color: #fff">#0031f0 radial gradient</p>
#0031f0 linear gradient to complementary #efbe00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0031f0, #efbe00); background: -webkit-linear-gradient(top, #0031f0, #efbe00); background: -o-linear-gradient(top, #0031f0, #efbe00); background: -ms-linear-gradient(top, #0031f0, #efbe00); background: linear-gradient(top, #0031f0, #efbe00); color: #fff">#0031f0 linear gradient to complementary #efbe00</p>
#0031f0 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0031f0">#0031f0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0031f0 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 #0031f0.
Jump to paint brand: