Color Charts
RGB
CMYK
RYB
#002aa4 Hex Color CodeThe hexadecimal color code #002aa4 is a medium dark shade of blue. In the RGB color model #002aa4 is comprised of 0% red, 16.47% green and 64.31% blue. In the HSL color space #002aa4 has a hue of 224.63 degrees, 100% saturation and 32.16% lightness. This color has an approximate wavelength of 479 nm.
#002aa4 Color InformationInverted
#ffd55b 25% Saturated
#0029a3 Grayscale
#515151
25% Lighter
#0034cd Original
#002aa4 25% Darker
#001f7b
mediumblue
#0000cd 25% Desaturated
#14338f Web Safe: blue
#0000ff
rgb(0, 42, 164)
rgba(0, 42, 164, 1.0)
red: 0%, yellow: 13.1125%, blue: 64.3137%
#002aa4
10916
-16766300 / 0xff002aa4
hsl(225, 100%, 32%)
hsla(225, 100%, 32%, 1.0)
hue: 225 (224.6341), saturation: 100 (100), value: 64 (64.3137)
X: 7.5288, Y: 4.3363, Z: 35.5621
x: 0.1587, y: 0.0914, Y: 4.3363
L: 24.7533, a: 39.0722, b: -67.469
L: 24.7533, u: -9.6028, v: -80.6501
L: 24.7533, C: 77.9661, H: 300.0757
L: 20.8237, a: 28.0952, b: -86.6772
cyan: 100 (1), magenta: 74 (0.7439), yellow: 0 (0), key: 36 (0.3569)
cyan: 100 (1), magenta: 84 (0.8353), yellow: 36 (0.3569)
Y: 43.35, I: -64.2142, Q: 29.0773
Y: 43.35, U: 59.3719, V: -38.0312
Y: 43.35, Db: 181.526, Dr: 82.46
Y: 53.24, Cb: 187.774, Cr: 100.9
Y: 41.838, Pb: 65.83, Pr: -26.612
7.5PB 3/16 approximate; exact match: Munsell 7.5PB 3/16 / #3234b5
#002aa4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#002aa4 to White#002aa4 to Black#002aa4 foreground
<p style="color: #002aa4">#002aa4 foreground</p>
#002aa4 background
<p style="background-color: #002aa4; color: #fff">#002aa4 background</p>
#002aa4 border
<p style="border: #002aa4 3px solid">#002aa4 border</p>
#002aa4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002aa4, #fff); background: -webkit-radial-gradient(50% 50%, #002aa4, #fff); background: -o-radial-gradient(50% 50%, #002aa4, #fff); background: -ms-radial-gradient(50% 50%, #002aa4, #fff); background: radial-gradient(50% 50%, #002aa4, #fff); color: #fff">#002aa4 radial gradient</p>
#002aa4 linear gradient to complementary #a37900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002aa4, #a37900); background: -webkit-linear-gradient(top, #002aa4, #a37900); background: -o-linear-gradient(top, #002aa4, #a37900); background: -ms-linear-gradient(top, #002aa4, #a37900); background: linear-gradient(top, #002aa4, #a37900); color: #fff">#002aa4 linear gradient to complementary #a37900</p>
#002aa4 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002aa4">#002aa4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #002aa4 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 #002aa4.
Jump to paint brand: