Color Charts
RGB
CMYK
RYB
#0031fd Hex Color CodeThe hexadecimal color code #0031fd is a shade of blue. In the RGB color model #0031fd is comprised of 0% red, 19.22% green and 99.22% blue. In the HSL color space #0031fd has a hue of 228.38 degrees, 100% saturation and 49.61% lightness. This color has an approximate wavelength of 476 nm.
#0031fd Color InformationInverted
#ffce02 25% Saturated
#0030fd Grayscale
#7e7e7e
rgb(0, 49, 253)
rgba(0, 49, 253, 1.0)
red: 0%, yellow: 16.0979%, blue: 99.2157%
#0031fd
12797
-16764419 / 0xff0031fd
hsl(228, 100%, 50%)
hsla(228, 100%, 50%, 1.0)
hue: 228 (228.3794), saturation: 100 (100), value: 99 (99.2157)
X: 18.8279, Y: 9.2885, Z: 93.729
x: 0.1545, y: 0.0762, Y: 9.2885
L: 36.5339, a: 65.0292, b: -99.6787
L: 36.5339, u: -12.5481, v: -132.0621
L: 36.5339, C: 119.0153, H: 303.12
L: 30.477, a: 56.9381, b: -161.0067
cyan: 100 (1), magenta: 81 (0.8063), yellow: 0 (0), key: 1 (0.0078)
cyan: 100 (1), magenta: 81 (0.8078), yellow: 1 (0.0078)
Y: 57.605, I: -94.7277, Q: 53.1102
Y: 57.605, U: 96.1539, V: -50.537
Y: 57.605, Db: 293.982, Dr: 109.585
Y: 65.49, Cb: 224.808, Cr: 92.005
Y: 53.251, Pb: 107.635, Pr: -33.884
7.5PB 4/24 (approximate)
#0031fd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0031fd to White#0031fd to Black#0031fd foreground
<p style="color: #0031fd">#0031fd foreground</p>
#0031fd background
<p style="background-color: #0031fd; color: #fff">#0031fd background</p>
#0031fd border
<p style="border: #0031fd 3px solid">#0031fd border</p>
#0031fd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0031fd, #fff); background: -webkit-radial-gradient(50% 50%, #0031fd, #fff); background: -o-radial-gradient(50% 50%, #0031fd, #fff); background: -ms-radial-gradient(50% 50%, #0031fd, #fff); background: radial-gradient(50% 50%, #0031fd, #fff); color: #fff">#0031fd radial gradient</p>
#0031fd linear gradient to complementary #fdcc00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0031fd, #fdcc00); background: -webkit-linear-gradient(top, #0031fd, #fdcc00); background: -o-linear-gradient(top, #0031fd, #fdcc00); background: -ms-linear-gradient(top, #0031fd, #fdcc00); background: linear-gradient(top, #0031fd, #fdcc00); color: #fff">#0031fd linear gradient to complementary #fdcc00</p>
#0031fd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0031fd">#0031fd text shadow</p>
The matching paint colors are listed in order of relevancy to the #0031fd 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 #0031fd.
Jump to paint brand: