Color Charts
RGB
CMYK
RYB
#0031ed Hex Color CodeThe hexadecimal color code #0031ed is a shade of blue. In the RGB color model #0031ed is comprised of 0% red, 19.22% green and 92.94% blue. In the HSL color space #0031ed has a hue of 227.59 degrees, 100% saturation and 46.47% lightness. This color has an approximate wavelength of 477 nm.
#0031ed Color InformationInverted
#ffce12 25% Saturated
#0030ec Grayscale
#767676
rgb(0, 49, 237)
rgba(0, 49, 237, 1.0)
red: 0%, yellow: 15.9235%, blue: 92.9412%
#0031ed
12781
-16764435 / 0xff0031ed
hsl(228, 100%, 46%)
hsla(228, 100%, 46%, 1.0)
hue: 228 (227.5949), saturation: 100 (100), value: 93 (92.9412)
X: 16.3844, Y: 8.3111, Z: 80.8614
x: 0.1552, y: 0.0787, Y: 8.3111
L: 34.6225, a: 60.0702, b: -93.836
L: 34.6225, u: -12.1554, v: -123.0373
L: 34.6225, C: 111.4164, H: 302.6258
L: 28.8289, a: 50.9967, b: -146.1207
cyan: 100 (1), magenta: 79 (0.7932), yellow: 0 (0), key: 7 (0.0706)
cyan: 100 (1), magenta: 81 (0.8078), yellow: 7 (0.0706)
Y: 55.781, I: -89.5875, Q: 48.132
Y: 55.781, U: 89.1779, V: -48.9369
Y: 55.781, Db: 272.654, Dr: 106.113
Y: 63.922, Cb: 217.784, Cr: 93.141
Y: 52.099, Pb: 99.635, Pr: -33.148
7.5PB 4/24 (approximate)
#0031ed / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0031ed to White#0031ed to Black#0031ed foreground
<p style="color: #0031ed">#0031ed foreground</p>
#0031ed background
<p style="background-color: #0031ed; color: #fff">#0031ed background</p>
#0031ed border
<p style="border: #0031ed 3px solid">#0031ed border</p>
#0031ed radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0031ed, #fff); background: -webkit-radial-gradient(50% 50%, #0031ed, #fff); background: -o-radial-gradient(50% 50%, #0031ed, #fff); background: -ms-radial-gradient(50% 50%, #0031ed, #fff); background: radial-gradient(50% 50%, #0031ed, #fff); color: #fff">#0031ed radial gradient</p>
#0031ed linear gradient to complementary #ecbb00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0031ed, #ecbb00); background: -webkit-linear-gradient(top, #0031ed, #ecbb00); background: -o-linear-gradient(top, #0031ed, #ecbb00); background: -ms-linear-gradient(top, #0031ed, #ecbb00); background: linear-gradient(top, #0031ed, #ecbb00); color: #fff">#0031ed linear gradient to complementary #ecbb00</p>
#0031ed text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0031ed">#0031ed text shadow</p>
The matching paint colors are listed in order of relevancy to the #0031ed 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 #0031ed.
Jump to paint brand: