#0019ff
Hex Color CodeThe hexadecimal color code #0019ff
is a shade of blue. In the RGB color model #0019ff
is comprised of 0% red, 9.8% green and 100% blue. In the HSL color space #0019ff
has a hue of 234.12 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 473 nm.
#0019ff
Color InformationInverted
#ffe600 25% Saturated
#0018ff Grayscale
#7f7f7f
rgb(0, 25, 255)
rgba(0, 25, 255, 1.0)
red: 0%, yellow: 8.9286%, blue: 100%
#0019ff
6655
-16770561 / 0xff0019ff
hsl(234, 100%, 50%)
hsla(234, 100%, 50%, 1.0)
hue: 234 (234.1176), saturation: 100 (100), value: 100 (100)
X: 18.3976, Y: 7.9153, Z: 95.1659
x: 0.1514, y: 0.0652, Y: 7.9153
L: 33.8058, a: 74.5507, b: -105.3496
L: 33.8058, u: -10.4209, v: -131.7444
L: 33.8058, C: 129.0595, H: 305.2851
L: 28.1341, a: 67.4913, b: -180.8596
cyan: 100 (1), magenta: 90 (0.902), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 90 (0.902), yellow: 0 (0)
Y: 43.745, I: -88.7834, Q: 66.2747
Y: 43.745, U: 103.9585, V: -38.3773
Y: 43.745, Db: 317.84, Dr: 83.235
Y: 53.59, Cb: 232.67, Cr: 100.695
Y: 36.235, Pb: 117.875, Pr: -23.08
7.5PB 4/28 (approximate)
#0019ff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0019ff
to White#0019ff
to Black#0019ff
foreground
<p style="color: #0019ff">#0019ff foreground</p>
#0019ff
background
<p style="background-color: #0019ff; color: #fff">#0019ff background</p>
#0019ff
border
<p style="border: #0019ff 3px solid">#0019ff border</p>
#0019ff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0019ff, #fff); background: -webkit-radial-gradient(50% 50%, #0019ff, #fff); background: -o-radial-gradient(50% 50%, #0019ff, #fff); background: -ms-radial-gradient(50% 50%, #0019ff, #fff); background: radial-gradient(50% 50%, #0019ff, #fff); color: #fff">#0019ff radial gradient</p>
#0019ff
linear gradient to complementary #ffe600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0019ff, #ffe600); background: -webkit-linear-gradient(top, #0019ff, #ffe600); background: -o-linear-gradient(top, #0019ff, #ffe600); background: -ms-linear-gradient(top, #0019ff, #ffe600); background: linear-gradient(top, #0019ff, #ffe600); color: #fff">
#0019ff
linear gradient to complementary #ffe600
</p>
#0019ff
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0019ff">#0019ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #0019ff
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 #0019ff
.
Jump to paint brand: