#002a5c
Hex Color CodeThe hexadecimal color code #002a5c
is a dark shade of cyan-blue. In the RGB color model #002a5c
is comprised of 0% red, 16.47% green and 36.08% blue. In the HSL color space #002a5c
has a hue of 212.61 degrees, 100% saturation and 18.04% lightness. This color has an approximate wavelength of 486 nm.
#002a5c
Color InformationInverted
#ffd5a3 25% Saturated
#00295c Grayscale
#2e2e2e
25% Lighter
#003472 Original
#002a5c 25% Darker
#001f45
midnightblue
#191970 25% Desaturated
#0b2a50 Web Safe: navy
#000080
rgb(0, 42, 92)
rgba(0, 42, 92, 1.0)
red: 0%, yellow: 11.3082%, blue: 36.0784%
#002a5c
10844
-16766372 / 0xff002a5c
hsl(213, 100%, 18%)
hsla(213, 100%, 18%, 1.0)
hue: 213 (212.6087), saturation: 100 (100), value: 36 (36.0784)
X: 2.7597, Y: 2.4286, Z: 10.4485
x: 0.1765, y: 0.1553, Y: 2.4286
L: 17.5927, a: 8.8821, b: -33.6463
L: 17.5927, u: -9.4539, v: -36.2386
L: 17.5927, C: 34.7989, H: 284.7879
L: 15.5841, a: 4.3378, b: -28.8428
cyan: 100 (1), magenta: 54 (0.5435), yellow: 0 (0), key: 64 (0.6392)
cyan: 100 (1), magenta: 84 (0.8353), yellow: 64 (0.6392)
Y: 35.142, I: -41.0832, Q: 6.6756
Y: 35.142, U: 27.9799, V: -30.8305
Y: 35.142, Db: 85.55, Dr: 66.836
Y: 46.184, Cb: 156.166, Cr: 106.012
Y: 36.654, Pb: 29.83, Pr: -23.3
5PB 2/6 approximate; exact match: Munsell 5PB 2/6 / #13305d
#002a5c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#002a5c
to White#002a5c
to Black#002a5c
foreground
<p style="color: #002a5c">#002a5c foreground</p>
#002a5c
background
<p style="background-color: #002a5c; color: #fff">#002a5c background</p>
#002a5c
border
<p style="border: #002a5c 3px solid">#002a5c border</p>
#002a5c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002a5c, #fff); background: -webkit-radial-gradient(50% 50%, #002a5c, #fff); background: -o-radial-gradient(50% 50%, #002a5c, #fff); background: -ms-radial-gradient(50% 50%, #002a5c, #fff); background: radial-gradient(50% 50%, #002a5c, #fff); color: #fff">#002a5c radial gradient</p>
#002a5c
linear gradient to complementary #5c3200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002a5c, #5c3200); background: -webkit-linear-gradient(top, #002a5c, #5c3200); background: -o-linear-gradient(top, #002a5c, #5c3200); background: -ms-linear-gradient(top, #002a5c, #5c3200); background: linear-gradient(top, #002a5c, #5c3200); color: #fff">
#002a5c
linear gradient to complementary #5c3200
</p>
#002a5c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002a5c">#002a5c text shadow</p>
The matching paint colors are listed in order of relevancy to the #002a5c
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 #002a5c
.
Jump to paint brand: