Color Charts
RGB
CMYK
RYB
#001ff7 Hex Color CodeThe hexadecimal color code #001ff7 is a shade of blue. In the RGB color model #001ff7 is comprised of 0% red, 12.16% green and 96.86% blue. In the HSL color space #001ff7 has a hue of 232.47 degrees, 100% saturation and 48.43% lightness. This color has an approximate wavelength of 474 nm.
#001ff7 Color InformationInverted
#ffe008 25% Saturated
#001ff7 Grayscale
#7b7b7b
rgb(0, 31, 247)
rgba(0, 31, 247, 1.0)
red: 0%, yellow: 10.8012%, blue: 96.8627%
#001ff7
8183
-16769033 / 0xff001ff7
hsl(232, 100%, 48%)
hsla(232, 100%, 48%, 1.0)
hue: 232 (232.4696), saturation: 100 (100), value: 97 (96.8627)
X: 17.2785, Y: 7.6954, Z: 88.5704
x: 0.1522, y: 0.0678, Y: 7.6954
L: 33.3402, a: 70.5695, b: -101.6285
L: 33.3402, u: -10.5624, v: -127.6448
L: 33.3402, C: 123.7272, H: 304.7756
L: 27.7405, a: 62.6347, b: -169.8836
cyan: 100 (1), magenta: 87 (0.8745), yellow: 0 (0), key: 3 (0.0314)
cyan: 100 (1), magenta: 88 (0.8784), yellow: 3 (0.0314)
Y: 46.355, I: -87.86, Q: 60.65
Y: 46.355, U: 98.7373, V: -40.6672
Y: 46.355, Db: 301.878, Dr: 88.195
Y: 55.83, Cb: 227.412, Cr: 99.055
Y: 39.949, Pb: 111.565, Pr: -25.436
7.5PB 4/26 (approximate)
#001ff7 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#001ff7 to White#001ff7 to Black#001ff7 foreground
<p style="color: #001ff7">#001ff7 foreground</p>
#001ff7 background
<p style="background-color: #001ff7; color: #fff">#001ff7 background</p>
#001ff7 border
<p style="border: #001ff7 3px solid">#001ff7 border</p>
#001ff7 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #001ff7, #fff); background: -webkit-radial-gradient(50% 50%, #001ff7, #fff); background: -o-radial-gradient(50% 50%, #001ff7, #fff); background: -ms-radial-gradient(50% 50%, #001ff7, #fff); background: radial-gradient(50% 50%, #001ff7, #fff); color: #fff">#001ff7 radial gradient</p>
#001ff7 linear gradient to complementary #f7d700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #001ff7, #f7d700); background: -webkit-linear-gradient(top, #001ff7, #f7d700); background: -o-linear-gradient(top, #001ff7, #f7d700); background: -ms-linear-gradient(top, #001ff7, #f7d700); background: linear-gradient(top, #001ff7, #f7d700); color: #fff">#001ff7 linear gradient to complementary #f7d700</p>
#001ff7 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #001ff7">#001ff7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #001ff7 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 #001ff7.
Jump to paint brand: