Color Charts
RGB
CMYK
RYB
#0031a4 Hex Color CodeThe hexadecimal color code #0031a4 is a medium dark shade of blue. In the RGB color model #0031a4 is comprised of 0% red, 19.22% green and 64.31% blue. In the HSL color space #0031a4 has a hue of 222.07 degrees, 100% saturation and 32.16% lightness. This color has an approximate wavelength of 480 nm.
#0031a4 Color InformationInverted
#ffce5b 25% Saturated
#0031a3 Grayscale
#515151
25% Lighter
#003dcd Original
#0031a4 25% Darker
#00247b
mediumblue
#0000cd 25% Desaturated
#14398f Web Safe: blue
#0000ff
rgb(0, 49, 164)
rgba(0, 49, 164, 1.0)
red: 0%, yellow: 14.7952%, blue: 64.3137%
#0031a4
12708
-16764508 / 0xff0031a4
hsl(222, 100%, 32%)
hsla(222, 100%, 32%, 1.0)
hue: 222 (222.0732), saturation: 100 (100), value: 64 (64.3137)
X: 7.7992, Y: 4.877, Z: 35.6522
x: 0.1614, y: 0.1009, Y: 4.877
L: 26.3813, a: 34.5952, b: -64.7784
L: 26.3813, u: -10.9133, v: -80.5103
L: 26.3813, C: 73.4375, H: 298.1047
L: 22.0838, a: 24.3925, b: -80.2593
cyan: 100 (1), magenta: 70 (0.7012), yellow: 0 (0), key: 36 (0.3569)
cyan: 100 (1), magenta: 81 (0.8078), yellow: 36 (0.3569)
Y: 47.459, I: -66.1353, Q: 25.4192
Y: 47.459, U: 57.3499, V: -41.6361
Y: 47.459, Db: 175.345, Dr: 90.272
Y: 56.768, Cb: 185.737, Cr: 98.324
Y: 46.843, Pb: 63.135, Pr: -29.79
7.5PB 3/14 approximate; exact match: Munsell 7.5PB 3/14 / #3339a9
#0031a4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0031a4 to White#0031a4 to Black#0031a4 foreground
<p style="color: #0031a4">#0031a4 foreground</p>
#0031a4 background
<p style="background-color: #0031a4; color: #fff">#0031a4 background</p>
#0031a4 border
<p style="border: #0031a4 3px solid">#0031a4 border</p>
#0031a4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0031a4, #fff); background: -webkit-radial-gradient(50% 50%, #0031a4, #fff); background: -o-radial-gradient(50% 50%, #0031a4, #fff); background: -ms-radial-gradient(50% 50%, #0031a4, #fff); background: radial-gradient(50% 50%, #0031a4, #fff); color: #fff">#0031a4 radial gradient</p>
#0031a4 linear gradient to complementary #a37200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0031a4, #a37200); background: -webkit-linear-gradient(top, #0031a4, #a37200); background: -o-linear-gradient(top, #0031a4, #a37200); background: -ms-linear-gradient(top, #0031a4, #a37200); background: linear-gradient(top, #0031a4, #a37200); color: #fff">#0031a4 linear gradient to complementary #a37200</p>
#0031a4 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0031a4">#0031a4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0031a4 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 #0031a4.
Jump to paint brand: