Color Charts
RGB
CMYK
RYB
#024aaa Hex Color CodeThe hexadecimal color code #024aaa is a medium dark shade of cyan-blue. In the RGB color model #024aaa is comprised of 0.78% red, 29.02% green and 66.67% blue. In the HSL color space #024aaa has a hue of 214.29 degrees, 97.67% saturation and 33.73% lightness. This color has an approximate wavelength of 485 nm.
#024aaa Color InformationInverted
#fdb555 25% Saturated
#0049ab Grayscale
#555555
25% Lighter
#025cd4 Original
#024aaa 25% Darker
#01377f
darkslateblue
#483d8b 25% Desaturated
#174c94 Web Safe: blue
#0000ff
rgb(2, 74, 170)
rgba(2, 74, 170, 1.0)
red: 0.7843%, yellow: 20.549%, blue: 66.6667%
#024aaa
150186
-16627030 / 0xff024aaa
hsl(214, 98%, 34%)
hsla(214, 98%, 34%, 1.0)
hue: 214 (214.2857), saturation: 99 (98.8235), value: 67 (66.6667)
X: 9.7295, Y: 7.8127, Z: 39.0254
x: 0.172, y: 0.1381, Y: 7.8127
L: 33.5898, a: 20.1458, b: -56.5671
L: 33.5898, u: -16.7408, v: -78.669
L: 33.5898, C: 60.0474, H: 289.6028
L: 27.9513, a: 13.219, b: -63.2144
cyan: 99 (0.9882), magenta: 56 (0.5647), yellow: 0 (0), key: 33 (0.3333)
cyan: 99 (0.9922), magenta: 71 (0.7098), yellow: 33 (0.3333)
Y: 63.416, I: -73.7328, Q: 14.6441
Y: 63.416, U: 52.4501, V: -53.881
Y: 63.416, Db: 160.368, Dr: 116.808
Y: 70.47, Cb: 180.8, Cr: 89.576
Y: 65.576, Pb: 56.28, Pr: -40.416
5PB 3/12 (approximate)
#024aaa / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024aaa to White#024aaa to Black#024aaa foreground
<p style="color: #024aaa">#024aaa foreground</p>
#024aaa background
<p style="background-color: #024aaa; color: #fff">#024aaa background</p>
#024aaa border
<p style="border: #024aaa 3px solid">#024aaa border</p>
#024aaa radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024aaa, #fff); background: -webkit-radial-gradient(50% 50%, #024aaa, #fff); background: -o-radial-gradient(50% 50%, #024aaa, #fff); background: -ms-radial-gradient(50% 50%, #024aaa, #fff); background: radial-gradient(50% 50%, #024aaa, #fff); color: #fff">#024aaa radial gradient</p>
#024aaa linear gradient to complementary #a96101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024aaa, #a96101); background: -webkit-linear-gradient(top, #024aaa, #a96101); background: -o-linear-gradient(top, #024aaa, #a96101); background: -ms-linear-gradient(top, #024aaa, #a96101); background: linear-gradient(top, #024aaa, #a96101); color: #fff">#024aaa linear gradient to complementary #a96101</p>
#024aaa text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024aaa">#024aaa text shadow</p>
The matching paint colors are listed in order of relevancy to the #024aaa 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 #024aaa.
Jump to paint brand: