#2a4491
Hex Color CodeThe hexadecimal color code #2a4491
is a medium dark shade of blue. In the RGB color model #2a4491
is comprised of 16.47% red, 26.67% green and 56.86% blue. In the HSL color space #2a4491
has a hue of 224.85 degrees, 55.08% saturation and 36.67% lightness. This color has an approximate wavelength of 478 nm. Duron Frank Blue is a matching paint color.
#2a4491
Color InformationInverted
#d5bb6e 25% Saturated
#1d3d9d Grayscale
#5d5d5d
25% Lighter
#3454b5 Original
#2a4491 25% Darker
#1f326c
darkslateblue
#483d8b 25% Desaturated
#364a84 Web Safe: blue
#0000ff
rgb(42, 68, 145)
rgba(42, 68, 145, 1.0)
red: 16.4706%, yellow: 24.6116%, blue: 56.8627%
#2a4491
2770065
-14007151 / 0xff2a4491
hsl(225, 55%, 37%)
hsla(225, 55%, 37%, 1.0)
hue: 225 (224.8544), saturation: 71 (71.0345), value: 57 (56.8627)
X: 8.1328, Y: 6.6708, Z: 27.647
x: 0.1916, y: 0.1571, Y: 6.6708
L: 31.0455, a: 17.5463, b: -45.5335
L: 31.0455, u: -11.1555, v: -62.2452
L: 31.0455, C: 48.7973, H: 291.0741
L: 25.8279, a: 11.0079, b: -45.3863
cyan: 71 (0.7103), magenta: 53 (0.531), yellow: 0 (0), key: 43 (0.4314)
cyan: 84 (0.8353), magenta: 73 (0.7333), yellow: 43 (0.4314)
Y: 69.004, I: -40.2259, Q: 18.4595
Y: 69.004, U: 37.3981, V: -23.6908
Y: 69.004, Db: 114.341, Dr: 51.367
Y: 75.276, Cb: 165.651, Cr: 111.119
Y: 68.006, Pb: 41.49, Pr: -16.542
7.5PB 3/10 approximate; exact match: Munsell 7.5PB 3/10 / #374090
#2a4491
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#2a4491
to White#2a4491
to Black#2a4491
foreground
<p style="color: #2a4491">#2a4491 foreground</p>
#2a4491
background
<p style="background-color: #2a4491; color: #fff">#2a4491 background</p>
#2a4491
border
<p style="border: #2a4491 3px solid">#2a4491 border</p>
#2a4491
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2a4491, #fff); background: -webkit-radial-gradient(50% 50%, #2a4491, #fff); background: -o-radial-gradient(50% 50%, #2a4491, #fff); background: -ms-radial-gradient(50% 50%, #2a4491, #fff); background: radial-gradient(50% 50%, #2a4491, #fff); color: #fff">#2a4491 radial gradient</p>
#2a4491
linear gradient to complementary #917629
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2a4491, #917629); background: -webkit-linear-gradient(top, #2a4491, #917629); background: -o-linear-gradient(top, #2a4491, #917629); background: -ms-linear-gradient(top, #2a4491, #917629); background: linear-gradient(top, #2a4491, #917629); color: #fff">
#2a4491
linear gradient to complementary #917629
</p>
#2a4491
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2a4491">#2a4491 text shadow</p>
The matching paint colors are listed in order of relevancy to the #2a4491
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 #2a4491
.
Jump to paint brand: