#0049aa
Hex Color CodeThe hexadecimal color code #0049aa
is a medium dark shade of cyan-blue. In the RGB color model #0049aa
is comprised of 0% red, 28.63% green and 66.67% blue. In the HSL color space #0049aa
has a hue of 214.24 degrees, 100% saturation and 33.33% lightness. This color has an approximate wavelength of 485 nm.
#0049aa
Color InformationInverted
#ffb655 25% Saturated
#0048a9 Grayscale
#545454
25% Lighter
#005bd4 Original
#0049aa 25% Darker
#00367f
darkslateblue
#483d8b 25% Desaturated
#154b94 Web Safe: blue
#0000ff
rgb(0, 73, 170)
rgba(0, 73, 170, 1.0)
red: 0%, yellow: 20.0274%, blue: 66.6667%
#0049aa
18858
-16758358 / 0xff0049aa
hsl(214, 100%, 33%)
hsla(214, 100%, 33%, 1.0)
hue: 214 (214.2353), saturation: 100 (100), value: 67 (66.6667)
X: 9.6382, Y: 7.6674, Z: 39.0022
x: 0.1712, y: 0.1362, Y: 7.6674
L: 33.2803, a: 20.7462, b: -57.0725
L: 33.2803, u: -16.5715, v: -79.0785
L: 33.2803, C: 60.7262, H: 289.9765
L: 27.69, a: 13.6741, b: -64.1286
cyan: 100 (1), magenta: 57 (0.5706), yellow: 0 (0), key: 33 (0.3333)
cyan: 100 (1), magenta: 71 (0.7137), yellow: 33 (0.3333)
Y: 62.231, I: -74.6498, Q: 14.7438
Y: 62.231, U: 53.0332, V: -54.596
Y: 62.231, Db: 162.151, Dr: 118.358
Y: 69.452, Cb: 181.387, Cr: 89.066
Y: 64.435, Pb: 56.895, Pr: -40.962
5PB 3/14 (approximate)
#0049aa
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0049aa
to White#0049aa
to Black#0049aa
foreground
<p style="color: #0049aa">#0049aa foreground</p>
#0049aa
background
<p style="background-color: #0049aa; color: #fff">#0049aa background</p>
#0049aa
border
<p style="border: #0049aa 3px solid">#0049aa border</p>
#0049aa
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0049aa, #fff); background: -webkit-radial-gradient(50% 50%, #0049aa, #fff); background: -o-radial-gradient(50% 50%, #0049aa, #fff); background: -ms-radial-gradient(50% 50%, #0049aa, #fff); background: radial-gradient(50% 50%, #0049aa, #fff); color: #fff">#0049aa radial gradient</p>
#0049aa
linear gradient to complementary #a96100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0049aa, #a96100); background: -webkit-linear-gradient(top, #0049aa, #a96100); background: -o-linear-gradient(top, #0049aa, #a96100); background: -ms-linear-gradient(top, #0049aa, #a96100); background: linear-gradient(top, #0049aa, #a96100); color: #fff">
#0049aa
linear gradient to complementary #a96100
</p>
#0049aa
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0049aa">#0049aa text shadow</p>
The matching paint colors are listed in order of relevancy to the #0049aa
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 #0049aa
.
Jump to paint brand: