Color Charts
RGB
CMYK
RYB
#2a4578 Hex Color CodeThe hexadecimal color code #2a4578 is a medium dark shade of cyan-blue. In the RGB color model #2a4578 is comprised of 16.47% red, 27.06% green and 47.06% blue. In the HSL color space #2a4578 has a hue of 219.23 degrees, 48.15% saturation and 31.76% lightness. This color has an approximate wavelength of 482 nm.
#2a4578 Color InformationInverted
#d5ba87 25% Saturated
#204181 Grayscale
#515151
25% Lighter
#345696 Original
#2a4578 25% Darker
#1f3359
darkslateblue
#483d8b 25% Desaturated
#33486e Web Safe: blue
#0000ff
rgb(42, 69, 120)
rgba(42, 69, 120, 1.0)
red: 16.4706%, yellow: 24.3361%, blue: 47.0588%
#2a4578
2770296
-14006920 / 0xff2a4578
hsl(219, 48%, 32%)
hsla(219, 48%, 32%, 1.0)
hue: 219 (219.2308), saturation: 65 (65), value: 47 (47.0588)
X: 6.4731, Y: 6.1046, Z: 18.6064
x: 0.2076, y: 0.1958, Y: 6.1046
L: 29.6747, a: 7.3135, b: -32.2355
L: 29.6747, u: -11.4012, v: -42.9185
L: 29.6747, C: 33.0547, H: 282.7827
L: 24.7074, a: 3.5276, b: -27.3544
cyan: 65 (0.65), magenta: 43 (0.425), yellow: 0 (0), key: 53 (0.5294)
cyan: 84 (0.8353), magenta: 73 (0.7294), yellow: 53 (0.5294)
Y: 66.741, I: -32.4687, Q: 10.1586
Y: 66.741, U: 26.2092, V: -21.7055
Y: 66.741, Db: 80.133, Dr: 47.058
Y: 73.33, Cb: 154.385, Cr: 112.526
Y: 66.921, Pb: 28.605, Pr: -15.846
5PB 3/6 approximate; exact match: Munsell 5PB 3/6 / #2c4877
#2a4578 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#2a4578 to White#2a4578 to Black#2a4578 foreground
<p style="color: #2a4578">#2a4578 foreground</p>
#2a4578 background
<p style="background-color: #2a4578; color: #fff">#2a4578 background</p>
#2a4578 border
<p style="border: #2a4578 3px solid">#2a4578 border</p>
#2a4578 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2a4578, #fff); background: -webkit-radial-gradient(50% 50%, #2a4578, #fff); background: -o-radial-gradient(50% 50%, #2a4578, #fff); background: -ms-radial-gradient(50% 50%, #2a4578, #fff); background: radial-gradient(50% 50%, #2a4578, #fff); color: #fff">#2a4578 radial gradient</p>
#2a4578 linear gradient to complementary #785c29
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2a4578, #785c29); background: -webkit-linear-gradient(top, #2a4578, #785c29); background: -o-linear-gradient(top, #2a4578, #785c29); background: -ms-linear-gradient(top, #2a4578, #785c29); background: linear-gradient(top, #2a4578, #785c29); color: #fff">#2a4578 linear gradient to complementary #785c29</p>
#2a4578 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2a4578">#2a4578 text shadow</p>
The matching paint colors are listed in order of relevancy to the #2a4578 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 #2a4578.
Jump to paint brand: