Color Charts
RGB
CMYK
RYB
#012f86 Hex Color CodeThe hexadecimal color code #012f86 is a medium dark shade of cyan-blue. In the RGB color model #012f86 is comprised of 0.39% red, 18.43% green and 52.55% blue. In the HSL color space #012f86 has a hue of 219.25 degrees, 98.52% saturation and 26.47% lightness. This color has an approximate wavelength of 482 nm.
#012f86 Color InformationInverted
#fed079 25% Saturated
#002e87 Grayscale
#434343
25% Lighter
#013aa7 Original
#012f86 25% Darker
#002364
midnightblue
#191970 25% Desaturated
#113475 Web Safe: navy
#000080
rgb(1, 47, 134)
rgba(1, 47, 134, 1.0)
red: 0.3922%, yellow: 13.7956%, blue: 52.549%
#012f86
77702
-16699514 / 0xff012f86
hsl(219, 99%, 26%)
hsla(219, 99%, 26%, 1.0)
hue: 219 (219.2481), saturation: 99 (99.2537), value: 53 (52.549)
X: 5.3321, Y: 3.7607, Z: 22.9991
x: 0.1662, y: 0.1172, Y: 3.7607
L: 22.8641, a: 23.8891, b: -52.1027
L: 22.8641, u: -10.3151, v: -62.2563
L: 22.8641, C: 57.3182, H: 294.6315
L: 19.3926, a: 15.1427, b: -56.7417
cyan: 99 (0.9925), magenta: 65 (0.6493), yellow: 0 (0), key: 47 (0.4745)
cyan: 100 (0.9961), magenta: 82 (0.8157), yellow: 47 (0.4745)
Y: 43.164, I: -55.3528, Q: 17.3418
Y: 43.164, U: 44.7004, V: -36.9909
Y: 43.164, Db: 136.671, Dr: 80.197
Y: 53.077, Cb: 173.001, Cr: 101.629
Y: 43.466, Pb: 48.79, Pr: -27.002
5PB 2/12 (approximate)
#012f86 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#012f86 to White#012f86 to Black#012f86 foreground
<p style="color: #012f86">#012f86 foreground</p>
#012f86 background
<p style="background-color: #012f86; color: #fff">#012f86 background</p>
#012f86 border
<p style="border: #012f86 3px solid">#012f86 border</p>
#012f86 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012f86, #fff); background: -webkit-radial-gradient(50% 50%, #012f86, #fff); background: -o-radial-gradient(50% 50%, #012f86, #fff); background: -ms-radial-gradient(50% 50%, #012f86, #fff); background: radial-gradient(50% 50%, #012f86, #fff); color: #fff">#012f86 radial gradient</p>
#012f86 linear gradient to complementary #865800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012f86, #865800); background: -webkit-linear-gradient(top, #012f86, #865800); background: -o-linear-gradient(top, #012f86, #865800); background: -ms-linear-gradient(top, #012f86, #865800); background: linear-gradient(top, #012f86, #865800); color: #fff">#012f86 linear gradient to complementary #865800</p>
#012f86 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012f86">#012f86 text shadow</p>
The matching paint colors are listed in order of relevancy to the #012f86 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 #012f86.
Jump to paint brand: