#004aa8
Hex Color CodeThe hexadecimal color code #004aa8
is a medium dark shade of cyan-blue. In the RGB color model #004aa8
is comprised of 0% red, 29.02% green and 65.88% blue. In the HSL color space #004aa8
has a hue of 213.57 degrees, 100% saturation and 32.94% lightness. This color has an approximate wavelength of 486 nm.
#004aa8
Color InformationInverted
#ffb557 25% Saturated
#0049a7 Grayscale
#535353
25% Lighter
#005cd2 Original
#004aa8 25% Darker
#00377d
darkslateblue
#483d8b 25% Desaturated
#144c93 Web Safe: blue
#0000ff
rgb(0, 74, 168)
rgba(0, 74, 168, 1.0)
red: 0%, yellow: 20.1458%, blue: 65.8824%
#004aa8
19112
-16758104 / 0xff004aa8
hsl(214, 100%, 33%)
hsla(214, 100%, 33%, 1.0)
hue: 214 (213.5714), saturation: 100 (100), value: 66 (65.8824)
X: 9.5167, Y: 7.7247, Z: 38.0352
x: 0.1722, y: 0.1397, Y: 7.7247
L: 33.4029, a: 19.2334, b: -55.6776
L: 33.4029, u: -16.8888, v: -77.3144
L: 33.4029, C: 58.906, H: 289.0571
L: 27.7934, a: 12.4814, b: -61.683
cyan: 100 (1), magenta: 56 (0.5595), yellow: 0 (0), key: 34 (0.3412)
cyan: 100 (1), magenta: 71 (0.7098), yellow: 34 (0.3412)
Y: 62.59, I: -74.2817, Q: 13.5989
Y: 62.59, U: 51.8724, V: -54.9109
Y: 62.59, Db: 158.602, Dr: 119.04
Y: 69.76, Cb: 180.218, Cr: 88.84
Y: 65.006, Pb: 55.51, Pr: -41.324
5PB 3/12 (approximate)
#004aa8
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#004aa8
to White#004aa8
to Black#004aa8
foreground
<p style="color: #004aa8">#004aa8 foreground</p>
#004aa8
background
<p style="background-color: #004aa8; color: #fff">#004aa8 background</p>
#004aa8
border
<p style="border: #004aa8 3px solid">#004aa8 border</p>
#004aa8
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004aa8, #fff); background: -webkit-radial-gradient(50% 50%, #004aa8, #fff); background: -o-radial-gradient(50% 50%, #004aa8, #fff); background: -ms-radial-gradient(50% 50%, #004aa8, #fff); background: radial-gradient(50% 50%, #004aa8, #fff); color: #fff">#004aa8 radial gradient</p>
#004aa8
linear gradient to complementary #a75d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004aa8, #a75d00); background: -webkit-linear-gradient(top, #004aa8, #a75d00); background: -o-linear-gradient(top, #004aa8, #a75d00); background: -ms-linear-gradient(top, #004aa8, #a75d00); background: linear-gradient(top, #004aa8, #a75d00); color: #fff">
#004aa8
linear gradient to complementary #a75d00
</p>
#004aa8
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004aa8">#004aa8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #004aa8
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 #004aa8
.
Jump to paint brand: