Color Charts
RGB
CMYK
RYB
#0022fc Hex Color CodeThe hexadecimal color code #0022fc is a shade of blue. In the RGB color model #0022fc is comprised of 0% red, 13.33% green and 98.82% blue. In the HSL color space #0022fc has a hue of 231.9 degrees, 100% saturation and 49.41% lightness. This color has an approximate wavelength of 474 nm.
#0022fc Color InformationInverted
#ffdd03 25% Saturated
#0021fc Grayscale
#7e7e7e
rgb(0, 34, 252)
rgba(0, 34, 252, 1.0)
red: 0%, yellow: 11.7483%, blue: 98.8235%
#0022fc
8956
-16768260 / 0xff0022fc
hsl(232, 100%, 49%)
hsla(232, 100%, 49%, 1.0)
hue: 232 (231.9048), saturation: 100 (100), value: 99 (98.8235)
X: 18.1427, Y: 8.1723, Z: 92.7167
x: 0.1524, y: 0.0687, Y: 8.1723
L: 34.3392, a: 70.9092, b: -102.7751
L: 34.3392, u: -10.9768, v: -130.6846
L: 34.3392, C: 124.8633, H: 304.6036
L: 28.5873, a: 63.256, b: -172.2831
cyan: 100 (1), magenta: 87 (0.8651), yellow: 0 (0), key: 1 (0.0118)
cyan: 100 (1), magenta: 87 (0.8667), yellow: 1 (0.0118)
Y: 48.686, I: -90.2897, Q: 60.6379
Y: 48.686, U: 100.0508, V: -42.7122
Y: 48.686, Db: 305.894, Dr: 92.628
Y: 57.832, Cb: 228.734, Cr: 97.596
Y: 42.454, Pb: 112.91, Pr: -27.028
7.5PB 4/26 (approximate)
#0022fc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0022fc to White#0022fc to Black#0022fc foreground
<p style="color: #0022fc">#0022fc foreground</p>
#0022fc background
<p style="background-color: #0022fc; color: #fff">#0022fc background</p>
#0022fc border
<p style="border: #0022fc 3px solid">#0022fc border</p>
#0022fc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0022fc, #fff); background: -webkit-radial-gradient(50% 50%, #0022fc, #fff); background: -o-radial-gradient(50% 50%, #0022fc, #fff); background: -ms-radial-gradient(50% 50%, #0022fc, #fff); background: radial-gradient(50% 50%, #0022fc, #fff); color: #fff">#0022fc radial gradient</p>
#0022fc linear gradient to complementary #fcda00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0022fc, #fcda00); background: -webkit-linear-gradient(top, #0022fc, #fcda00); background: -o-linear-gradient(top, #0022fc, #fcda00); background: -ms-linear-gradient(top, #0022fc, #fcda00); background: linear-gradient(top, #0022fc, #fcda00); color: #fff">#0022fc linear gradient to complementary #fcda00</p>
#0022fc text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0022fc">#0022fc text shadow</p>
The matching paint colors are listed in order of relevancy to the #0022fc 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 #0022fc.
Jump to paint brand: