#012a57
Hex Color CodeThe hexadecimal color code #012a57
is a dark shade of cyan-blue. In the RGB color model #012a57
is comprised of 0.39% red, 16.47% green and 34.12% blue. In the HSL color space #012a57
has a hue of 211.4 degrees, 97.73% saturation and 17.25% lightness. This color has an approximate wavelength of 487 nm.
#012a57
Color InformationInverted
#fed5a8 25% Saturated
#002958 Grayscale
#2c2c2c
25% Lighter
#01346c Original
#012a57 25% Darker
#001f41
midnightblue
#191970 25% Desaturated
#0b2a4c Web Safe: navy
#000080
rgb(1, 42, 87)
rgba(1, 42, 87, 1.0)
red: 0.3922%, yellow: 11.2799%, blue: 34.1176%
#012a57
76375
-16700841 / 0xff012a57
hsl(211, 98%, 17%)
hsla(211, 98%, 17%, 1.0)
hue: 211 (211.3953), saturation: 99 (98.8506), value: 34 (34.1176)
X: 2.5608, Y: 2.3505, Z: 9.3355
x: 0.1797, y: 0.165, Y: 2.3505
L: 17.2286, a: 6.6665, b: -30.9002
L: 17.2286, u: -9.4579, v: -32.915
L: 17.2286, C: 31.6111, H: 282.1745
L: 15.3313, a: 2.9848, b: -25.3709
cyan: 99 (0.9885), magenta: 52 (0.5172), yellow: 0 (0), key: 66 (0.6588)
cyan: 100 (0.9961), magenta: 84 (0.8353), yellow: 66 (0.6588)
Y: 34.871, I: -38.8812, Q: 5.3314
Y: 34.871, U: 25.6528, V: -29.7154
Y: 34.871, Db: 78.435, Dr: 64.418
Y: 45.951, Cb: 153.823, Cr: 106.806
Y: 36.507, Pb: 27.215, Pr: -22.57
5PB 2/6 approximate; exact match: Munsell 5PB 2/6 / #13305d
#012a57
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#012a57
to White#012a57
to Black#012a57
foreground
<p style="color: #012a57">#012a57 foreground</p>
#012a57
background
<p style="background-color: #012a57; color: #fff">#012a57 background</p>
#012a57
border
<p style="border: #012a57 3px solid">#012a57 border</p>
#012a57
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012a57, #fff); background: -webkit-radial-gradient(50% 50%, #012a57, #fff); background: -o-radial-gradient(50% 50%, #012a57, #fff); background: -ms-radial-gradient(50% 50%, #012a57, #fff); background: radial-gradient(50% 50%, #012a57, #fff); color: #fff">#012a57 radial gradient</p>
#012a57
linear gradient to complementary #572e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012a57, #572e00); background: -webkit-linear-gradient(top, #012a57, #572e00); background: -o-linear-gradient(top, #012a57, #572e00); background: -ms-linear-gradient(top, #012a57, #572e00); background: linear-gradient(top, #012a57, #572e00); color: #fff">
#012a57
linear gradient to complementary #572e00
</p>
#012a57
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012a57">#012a57 text shadow</p>
The matching paint colors are listed in order of relevancy to the #012a57
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 #012a57
.
Jump to paint brand: