Color Charts
RGB
CMYK
RYB
#004fb4 Hex Color CodeThe hexadecimal color code #004fb4 is a medium dark shade of cyan-blue. In the RGB color model #004fb4 is comprised of 0% red, 30.98% green and 70.59% blue. In the HSL color space #004fb4 has a hue of 213.67 degrees, 100% saturation and 35.29% lightness. This color has an approximate wavelength of 485 nm.
#004fb4 Color InformationInverted
#ffb04b 25% Saturated
#004fb4 Grayscale
#5a5a5a
25% Lighter
#0062e1 Original
#004fb4 25% Darker
#003b87
darkslateblue
#483d8b 25% Desaturated
#16519d Web Safe: blue
#0000ff
rgb(0, 79, 180)
rgba(0, 79, 180, 1.0)
red: 0%, yellow: 21.5308%, blue: 70.5882%
#004fb4
20404
-16756812 / 0xff004fb4
hsl(214, 100%, 35%)
hsla(214, 100%, 35%, 1.0)
hue: 214 (213.6667), saturation: 100 (100), value: 71 (70.5882)
X: 11.0342, Y: 8.8873, Z: 44.3139
x: 0.1718, y: 0.1384, Y: 8.8873
L: 35.7663, a: 20.7838, b: -58.962
L: 35.7663, u: -17.9776, v: -83.636
L: 35.7663, C: 62.5178, H: 289.4173
L: 29.8115, a: 13.8985, b: -67.2647
cyan: 100 (1), magenta: 56 (0.5611), yellow: 0 (0), key: 29 (0.2941)
cyan: 100 (1), magenta: 69 (0.6902), yellow: 29 (0.2941)
Y: 66.893, I: -79.5091, Q: 14.7196
Y: 66.893, U: 55.6601, V: -58.686
Y: 66.893, Db: 170.183, Dr: 127.224
Y: 73.456, Cb: 184.031, Cr: 86.148
Y: 69.445, Pb: 59.585, Pr: -44.146
5PB 3/14 (approximate)
#004fb4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#004fb4 to White#004fb4 to Black#004fb4 foreground
<p style="color: #004fb4">#004fb4 foreground</p>
#004fb4 background
<p style="background-color: #004fb4; color: #fff">#004fb4 background</p>
#004fb4 border
<p style="border: #004fb4 3px solid">#004fb4 border</p>
#004fb4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004fb4, #fff); background: -webkit-radial-gradient(50% 50%, #004fb4, #fff); background: -o-radial-gradient(50% 50%, #004fb4, #fff); background: -ms-radial-gradient(50% 50%, #004fb4, #fff); background: radial-gradient(50% 50%, #004fb4, #fff); color: #fff">#004fb4 radial gradient</p>
#004fb4 linear gradient to complementary #b46400
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004fb4, #b46400); background: -webkit-linear-gradient(top, #004fb4, #b46400); background: -o-linear-gradient(top, #004fb4, #b46400); background: -ms-linear-gradient(top, #004fb4, #b46400); background: linear-gradient(top, #004fb4, #b46400); color: #fff">#004fb4 linear gradient to complementary #b46400</p>
#004fb4 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004fb4">#004fb4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #004fb4 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 #004fb4.
Jump to paint brand: