#012e73
Hex Color CodeThe hexadecimal color code #012e73
is a dark shade of cyan-blue. In the RGB color model #012e73
is comprised of 0.39% red, 18.04% green and 45.1% blue. In the HSL color space #012e73
has a hue of 216.32 degrees, 98.28% saturation and 22.75% lightness. This color has an approximate wavelength of 484 nm.
#012e73
Color InformationInverted
#fed18c 25% Saturated
#002d74 Grayscale
#3a3a3a
25% Lighter
#01398f Original
#012e73 25% Darker
#002256
midnightblue
#191970 25% Desaturated
#0f3064 Web Safe: navy
#000080
rgb(1, 46, 115)
rgba(1, 46, 115, 1.0)
red: 0.3922%, yellow: 13.0448%, blue: 45.098%
#012e73
77427
-16699789 / 0xff012e73
hsl(216, 98%, 23%)
hsla(216, 98%, 23%, 1.0)
hue: 216 (216.3158), saturation: 99 (99.1304), value: 45 (45.098)
X: 4.084, Y: 3.1982, Z: 16.6217
x: 0.1709, y: 0.1338, Y: 3.1982
L: 20.821, a: 16.416, b: -43.4051
L: 20.821, u: -10.1667, v: -50.3247
L: 20.821, C: 46.4057, H: 290.7168
L: 17.8836, a: 9.467, b: -42.5878
cyan: 99 (0.9913), magenta: 60 (0.6), yellow: 0 (0), key: 55 (0.549)
cyan: 100 (0.9961), magenta: 82 (0.8196), yellow: 55 (0.549)
Y: 40.411, I: -48.9744, Q: 11.9528
Y: 40.411, U: 36.7053, V: -34.5757
Y: 40.411, Db: 112.227, Dr: 74.958
Y: 50.711, Cb: 164.951, Cr: 103.346
Y: 41.383, Pb: 39.675, Pr: -25.674
5PB 2/10 (approximate)
#012e73
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#012e73
to White#012e73
to Black#012e73
foreground
<p style="color: #012e73">#012e73 foreground</p>
#012e73
background
<p style="background-color: #012e73; color: #fff">#012e73 background</p>
#012e73
border
<p style="border: #012e73 3px solid">#012e73 border</p>
#012e73
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012e73, #fff); background: -webkit-radial-gradient(50% 50%, #012e73, #fff); background: -o-radial-gradient(50% 50%, #012e73, #fff); background: -ms-radial-gradient(50% 50%, #012e73, #fff); background: radial-gradient(50% 50%, #012e73, #fff); color: #fff">#012e73 radial gradient</p>
#012e73
linear gradient to complementary #734500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012e73, #734500); background: -webkit-linear-gradient(top, #012e73, #734500); background: -o-linear-gradient(top, #012e73, #734500); background: -ms-linear-gradient(top, #012e73, #734500); background: linear-gradient(top, #012e73, #734500); color: #fff">
#012e73
linear gradient to complementary #734500
</p>
#012e73
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012e73">#012e73 text shadow</p>
The matching paint colors are listed in order of relevancy to the #012e73
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 #012e73
.
Jump to paint brand: