Color Charts
RGB
CMYK
RYB
#001bff Hex Color CodeThe hexadecimal color code #001bff is a shade of blue. In the RGB color model #001bff is comprised of 0% red, 10.59% green and 100% blue. In the HSL color space #001bff has a hue of 233.65 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 473 nm.
#001bff Color InformationInverted
#ffe400 25% Saturated
#001aff Grayscale
#7f7f7f
rgb(0, 27, 255)
rgba(0, 27, 255, 1.0)
red: 0%, yellow: 9.5745%, blue: 100%
#001bff
7167
-16770049 / 0xff001bff
hsl(234, 100%, 50%)
hsla(234, 100%, 50%, 1.0)
hue: 234 (233.6471), saturation: 100 (100), value: 100 (100)
X: 18.4419, Y: 8.0039, Z: 95.1806
x: 0.1516, y: 0.0658, Y: 8.0039
L: 33.9909, a: 73.9846, b: -105.0403
L: 33.9909, u: -10.5506, v: -131.884
L: 33.9909, C: 128.4803, H: 305.1588
L: 28.2911, a: 66.8482, b: -179.6674
cyan: 100 (1), magenta: 89 (0.8941), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 89 (0.8941), yellow: 0 (0)
Y: 44.919, I: -89.3323, Q: 65.2295
Y: 44.919, U: 103.3808, V: -39.4073
Y: 44.919, Db: 316.074, Dr: 85.467
Y: 54.598, Cb: 232.088, Cr: 99.959
Y: 37.665, Pb: 117.105, Pr: -23.988
7.5PB 4/28 (approximate)
#001bff / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#001bff to White#001bff to Black#001bff foreground
<p style="color: #001bff">#001bff foreground</p>
#001bff background
<p style="background-color: #001bff; color: #fff">#001bff background</p>
#001bff border
<p style="border: #001bff 3px solid">#001bff border</p>
#001bff radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #001bff, #fff); background: -webkit-radial-gradient(50% 50%, #001bff, #fff); background: -o-radial-gradient(50% 50%, #001bff, #fff); background: -ms-radial-gradient(50% 50%, #001bff, #fff); background: radial-gradient(50% 50%, #001bff, #fff); color: #fff">#001bff radial gradient</p>
#001bff linear gradient to complementary #ffe300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #001bff, #ffe300); background: -webkit-linear-gradient(top, #001bff, #ffe300); background: -o-linear-gradient(top, #001bff, #ffe300); background: -ms-linear-gradient(top, #001bff, #ffe300); background: linear-gradient(top, #001bff, #ffe300); color: #fff">#001bff linear gradient to complementary #ffe300</p>
#001bff text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #001bff">#001bff text shadow</p>
The matching paint colors are listed in order of relevancy to the #001bff 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 #001bff.
Jump to paint brand: