#0040e1
Hex Color CodeThe hexadecimal color code #0040e1
is a shade of blue. In the RGB color model #0040e1
is comprised of 0% red, 25.1% green and 88.24% blue. In the HSL color space #0040e1
has a hue of 222.93 degrees, 100% saturation and 44.12% lightness. This color has an approximate wavelength of 480 nm.
#0040e1
Color InformationInverted
#ffbf1e 25% Saturated
#003fe1 Grayscale
#707070
rgb(0, 64, 225)
rgba(0, 64, 225, 1.0)
red: 0%, yellow: 19.54%, blue: 88.2353%
#0040e1
16609
-16760607 / 0xff0040e1
hsl(223, 100%, 44%)
hsla(223, 100%, 44%, 1.0)
hue: 223 (222.9333), saturation: 100 (100), value: 88 (88.2353)
X: 15.424, Y: 9.103, Z: 72.1783
x: 0.1595, y: 0.0941, Y: 9.103
L: 36.1819, a: 47.8016, b: -84.4174
L: 36.1819, u: -14.3071, v: -115.7156
L: 36.1819, C: 97.0118, H: 299.5209
L: 30.1712, a: 38.4523, b: -120.7189
cyan: 100 (1), magenta: 72 (0.7156), yellow: 0 (0), key: 12 (0.1176)
cyan: 100 (1), magenta: 75 (0.749), yellow: 12 (0.1176)
Y: 63.218, I: -89.8492, Q: 36.5596
Y: 63.218, U: 79.613, V: -55.4616
Y: 63.218, Db: 243.413, Dr: 120.249
Y: 70.306, Cb: 208.151, Cr: 88.473
Y: 61.96, Pb: 87.86, Pr: -39.406
7.5PB 4/20 approximate; exact match: Munsell 7.5PB 4/20 / #3e49ed
#0040e1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0040e1
to White#0040e1
to Black#0040e1
foreground
<p style="color: #0040e1">#0040e1 foreground</p>
#0040e1
background
<p style="background-color: #0040e1; color: #fff">#0040e1 background</p>
#0040e1
border
<p style="border: #0040e1 3px solid">#0040e1 border</p>
#0040e1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0040e1, #fff); background: -webkit-radial-gradient(50% 50%, #0040e1, #fff); background: -o-radial-gradient(50% 50%, #0040e1, #fff); background: -ms-radial-gradient(50% 50%, #0040e1, #fff); background: radial-gradient(50% 50%, #0040e1, #fff); color: #fff">#0040e1 radial gradient</p>
#0040e1
linear gradient to complementary #e1a100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0040e1, #e1a100); background: -webkit-linear-gradient(top, #0040e1, #e1a100); background: -o-linear-gradient(top, #0040e1, #e1a100); background: -ms-linear-gradient(top, #0040e1, #e1a100); background: linear-gradient(top, #0040e1, #e1a100); color: #fff">
#0040e1
linear gradient to complementary #e1a100
</p>
#0040e1
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0040e1">#0040e1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0040e1
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 #0040e1
.
Jump to paint brand: