#002581
Hex Color CodeThe hexadecimal color code #002581
is a medium dark shade of blue. In the RGB color model #002581
is comprised of 0% red, 14.51% green and 50.59% blue. In the HSL color space #002581
has a hue of 222.79 degrees, 100% saturation and 25.29% lightness. This color has an approximate wavelength of 480 nm.
#002581
Color InformationInverted
#ffda7e 25% Saturated
#002581 Grayscale
#404040
25% Lighter
#002ea1 Original
#002581 25% Darker
#001b60
midnightblue
#191970 25% Desaturated
#102b70 Web Safe: navy
#000080
rgb(0, 37, 129)
rgba(0, 37, 129, 1.0)
red: 0%, yellow: 11.2757%, blue: 50.5882%
#002581
9601
-16767615 / 0xff002581
hsl(223, 100%, 25%)
hsla(223, 100%, 25%, 1.0)
hue: 223 (222.7907), saturation: 100 (100), value: 51 (50.5882)
X: 4.624, Y: 2.9081, Z: 21.0865
x: 0.1616, y: 0.1016, Y: 2.9081
L: 19.6721, a: 28.7693, b: -54.2083
L: 19.6721, u: -8.1743, v: -59.7431
L: 19.6721, C: 61.3695, H: 297.9557
L: 17.0532, a: 18.5576, b: -61.3756
cyan: 100 (1), magenta: 71 (0.7132), yellow: 0 (0), key: 49 (0.4941)
cyan: 100 (1), magenta: 85 (0.8549), yellow: 49 (0.4941)
Y: 36.425, I: -51.5977, Q: 20.8005
Y: 36.425, U: 45.5562, V: -31.9559
Y: 36.425, Db: 139.286, Dr: 69.285
Y: 47.29, Cb: 173.864, Cr: 105.225
Y: 35.743, Pb: 50.255, Pr: -22.732
7.5PB 2/12 approximate; exact match: Munsell 7.5PB 2/12 / #25237e
#002581
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#002581
to White#002581
to Black#002581
foreground
<p style="color: #002581">#002581 foreground</p>
#002581
background
<p style="background-color: #002581; color: #fff">#002581 background</p>
#002581
border
<p style="border: #002581 3px solid">#002581 border</p>
#002581
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002581, #fff); background: -webkit-radial-gradient(50% 50%, #002581, #fff); background: -o-radial-gradient(50% 50%, #002581, #fff); background: -ms-radial-gradient(50% 50%, #002581, #fff); background: radial-gradient(50% 50%, #002581, #fff); color: #fff">#002581 radial gradient</p>
#002581
linear gradient to complementary #815b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002581, #815b00); background: -webkit-linear-gradient(top, #002581, #815b00); background: -o-linear-gradient(top, #002581, #815b00); background: -ms-linear-gradient(top, #002581, #815b00); background: linear-gradient(top, #002581, #815b00); color: #fff">
#002581
linear gradient to complementary #815b00
</p>
#002581
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002581">#002581 text shadow</p>
The matching paint colors are listed in order of relevancy to the #002581
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 #002581
.
Jump to paint brand: