Color Charts
RGB
CMYK
RYB
#0031f3 Hex Color CodeThe hexadecimal color code #0031f3 is a shade of blue. In the RGB color model #0031f3 is comprised of 0% red, 19.22% green and 95.29% blue. In the HSL color space #0031f3 has a hue of 227.9 degrees, 100% saturation and 47.65% lightness. This color has an approximate wavelength of 477 nm.
#0031f3 Color InformationInverted
#ffce0c 25% Saturated
#0030f2 Grayscale
#797979
rgb(0, 49, 243)
rgba(0, 49, 243, 1.0)
red: 0%, yellow: 15.9911%, blue: 95.2941%
#0031f3
12787
-16764429 / 0xff0031f3
hsl(228, 100%, 48%)
hsla(228, 100%, 48%, 1.0)
hue: 228 (227.9012), saturation: 100 (100), value: 95 (95.2941)
X: 17.276, Y: 8.6677, Z: 85.5565
x: 0.1549, y: 0.0777, Y: 8.6677
L: 35.3364, a: 61.9514, b: -96.0447
L: 35.3364, u: -12.2993, v: -126.4314
L: 35.3364, C: 114.2916, H: 302.8231
L: 29.4409, a: 53.2223, b: -151.6904
cyan: 100 (1), magenta: 80 (0.7984), yellow: 0 (0), key: 5 (0.0471)
cyan: 100 (1), magenta: 81 (0.8078), yellow: 5 (0.0471)
Y: 56.465, I: -91.5151, Q: 49.9988
Y: 56.465, U: 91.7939, V: -49.5369
Y: 56.465, Db: 280.652, Dr: 107.415
Y: 64.51, Cb: 220.418, Cr: 92.715
Y: 52.531, Pb: 102.635, Pr: -33.424
7.5PB 4/24 (approximate)
#0031f3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0031f3 to White#0031f3 to Black#0031f3 foreground
<p style="color: #0031f3">#0031f3 foreground</p>
#0031f3 background
<p style="background-color: #0031f3; color: #fff">#0031f3 background</p>
#0031f3 border
<p style="border: #0031f3 3px solid">#0031f3 border</p>
#0031f3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0031f3, #fff); background: -webkit-radial-gradient(50% 50%, #0031f3, #fff); background: -o-radial-gradient(50% 50%, #0031f3, #fff); background: -ms-radial-gradient(50% 50%, #0031f3, #fff); background: radial-gradient(50% 50%, #0031f3, #fff); color: #fff">#0031f3 radial gradient</p>
#0031f3 linear gradient to complementary #f2c200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0031f3, #f2c200); background: -webkit-linear-gradient(top, #0031f3, #f2c200); background: -o-linear-gradient(top, #0031f3, #f2c200); background: -ms-linear-gradient(top, #0031f3, #f2c200); background: linear-gradient(top, #0031f3, #f2c200); color: #fff">#0031f3 linear gradient to complementary #f2c200</p>
#0031f3 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0031f3">#0031f3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0031f3 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 #0031f3.
Jump to paint brand: