#0048f6
Hex Color CodeThe hexadecimal color code #0048f6
is a shade of blue. In the RGB color model #0048f6
is comprised of 0% red, 28.24% green and 96.47% blue. In the HSL color space #0048f6
has a hue of 222.44 degrees, 100% saturation and 48.24% lightness. This color has an approximate wavelength of 480 nm.
#0048f6
Color InformationInverted
#ffb709 25% Saturated
#0047f6 Grayscale
#7b7b7b
25% Lighter
#346fff Original
#0048f6 25% Darker
#0035b8
blueviolet
#8a2be2 25% Desaturated
#1e54d7 Web Safe: blue
#0000ff
rgb(0, 72, 246)
rgba(0, 72, 246, 1.0)
red: 0%, yellow: 21.8424%, blue: 96.4706%
#0048f6
18678
-16758538 / 0xff0048f6
hsl(222, 100%, 48%)
hsla(222, 100%, 48%, 1.0)
hue: 222 (222.439), saturation: 100 (100), value: 96 (96.4706)
X: 18.9519, Y: 11.2886, Z: 88.3688
x: 0.1598, y: 0.0952, Y: 11.2886
L: 40.0623, a: 50.459, b: -89.8971
L: 40.0623, u: -15.9559, v: -127.2086
L: 40.0623, C: 103.0902, H: 299.3054
L: 33.5984, a: 41.8895, b: -132.4225
cyan: 100 (1), magenta: 71 (0.7073), yellow: 0 (0), key: 4 (0.0353)
cyan: 100 (1), magenta: 72 (0.7176), yellow: 4 (0.0353)
Y: 70.308, I: -98.7913, Q: 38.9127
Y: 70.308, U: 86.4581, V: -61.6817
Y: 70.308, Db: 264.342, Dr: 133.734
Y: 76.396, Cb: 215.042, Cr: 84.038
Y: 69.192, Pb: 95.28, Pr: -44.004
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#0048f6
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0048f6
to White#0048f6
to Black#0048f6
foreground
<p style="color: #0048f6">#0048f6 foreground</p>
#0048f6
background
<p style="background-color: #0048f6; color: #fff">#0048f6 background</p>
#0048f6
border
<p style="border: #0048f6 3px solid">#0048f6 border</p>
#0048f6
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0048f6, #fff); background: -webkit-radial-gradient(50% 50%, #0048f6, #fff); background: -o-radial-gradient(50% 50%, #0048f6, #fff); background: -ms-radial-gradient(50% 50%, #0048f6, #fff); background: radial-gradient(50% 50%, #0048f6, #fff); color: #fff">#0048f6 radial gradient</p>
#0048f6
linear gradient to complementary #f6ae00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0048f6, #f6ae00); background: -webkit-linear-gradient(top, #0048f6, #f6ae00); background: -o-linear-gradient(top, #0048f6, #f6ae00); background: -ms-linear-gradient(top, #0048f6, #f6ae00); background: linear-gradient(top, #0048f6, #f6ae00); color: #fff">
#0048f6
linear gradient to complementary #f6ae00
</p>
#0048f6
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0048f6">#0048f6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0048f6
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 #0048f6
.
Jump to paint brand: