#012ff4
Hex Color CodeThe hexadecimal color code #012ff4
is a shade of blue. In the RGB color model #012ff4
is comprised of 0.39% red, 18.43% green and 95.69% blue. In the HSL color space #012ff4
has a hue of 228.64 degrees, 99.18% saturation and 48.04% lightness. This color has an approximate wavelength of 476 nm.
#012ff4
Color InformationInverted
#fed00b 25% Saturated
#002ef5 Grayscale
#7a7a7a
rgb(1, 47, 244)
rgba(1, 47, 244, 1.0)
red: 0.3922%, yellow: 15.5601%, blue: 95.6863%
#012ff4
77812
-16699404 / 0xff012ff4
hsl(229, 99%, 48%)
hsla(229, 99%, 48%, 1.0)
hue: 229 (228.642), saturation: 100 (99.5902), value: 96 (95.6863)
X: 17.3582, Y: 8.5711, Z: 86.3275
x: 0.1546, y: 0.0764, Y: 8.5711
L: 35.1451, a: 63.2246, b: -96.9272
L: 35.1451, u: -12.0445, v: -126.9336
L: 35.1451, C: 115.7249, H: 303.116
L: 29.2765, a: 54.5995, b: -154.3345
cyan: 100 (0.9959), magenta: 81 (0.8074), yellow: 0 (0), key: 4 (0.0431)
cyan: 100 (0.9961), magenta: 82 (0.8157), yellow: 4 (0.0431)
Y: 55.704, I: -90.6917, Q: 51.5666
Y: 55.704, U: 92.6605, V: -47.992
Y: 55.704, Db: 283.301, Dr: 104.067
Y: 63.857, Cb: 221.291, Cr: 93.819
Y: 51.386, Pb: 103.79, Pr: -32.062
7.5PB 4/24 (approximate)
#012ff4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#012ff4
to White#012ff4
to Black#012ff4
foreground
<p style="color: #012ff4">#012ff4 foreground</p>
#012ff4
background
<p style="background-color: #012ff4; color: #fff">#012ff4 background</p>
#012ff4
border
<p style="border: #012ff4 3px solid">#012ff4 border</p>
#012ff4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012ff4, #fff); background: -webkit-radial-gradient(50% 50%, #012ff4, #fff); background: -o-radial-gradient(50% 50%, #012ff4, #fff); background: -ms-radial-gradient(50% 50%, #012ff4, #fff); background: radial-gradient(50% 50%, #012ff4, #fff); color: #fff">#012ff4 radial gradient</p>
#012ff4
linear gradient to complementary #f3c501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012ff4, #f3c501); background: -webkit-linear-gradient(top, #012ff4, #f3c501); background: -o-linear-gradient(top, #012ff4, #f3c501); background: -ms-linear-gradient(top, #012ff4, #f3c501); background: linear-gradient(top, #012ff4, #f3c501); color: #fff">
#012ff4
linear gradient to complementary #f3c501
</p>
#012ff4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012ff4">#012ff4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #012ff4
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 #012ff4
.
Jump to paint brand: