Color Charts
RGB
CMYK
RYB
#004bf8 Hex Color CodeThe hexadecimal color code #004bf8 is a shade of blue. In the RGB color model #004bf8 is comprised of 0% red, 29.41% green and 97.25% blue. In the HSL color space #004bf8 has a hue of 221.85 degrees, 100% saturation and 48.63% lightness. This color has an approximate wavelength of 480 nm.
#004bf8 Color InformationInverted
#ffb407 25% Saturated
#004af8 Grayscale
#7c7c7c
25% Lighter
#3673ff Original
#004bf8 25% Darker
#0038ba
slateblue
#6a5acd 25% Desaturated
#1f57d9 Web Safe: blue
#0000ff
rgb(0, 75, 248)
rgba(0, 75, 248, 1.0)
red: 0%, yellow: 22.5824%, blue: 97.2549%
#004bf8
19448
-16757768 / 0xff004bf8
hsl(222, 100%, 49%)
hsla(222, 100%, 49%, 1.0)
hue: 222 (221.8548), saturation: 100 (100), value: 97 (97.2549)
X: 19.4594, Y: 11.8095, Z: 90.0608
x: 0.1604, y: 0.0973, Y: 11.8095
L: 40.9117, a: 49.3819, b: -89.6157
L: 40.9117, u: -16.5338, v: -127.9845
L: 40.9117, C: 102.3208, H: 298.8566
L: 34.3649, a: 40.9382, b: -131.327
cyan: 100 (1), magenta: 70 (0.6976), yellow: 0 (0), key: 3 (0.0275)
cyan: 100 (1), magenta: 71 (0.7059), yellow: 3 (0.0275)
Y: 72.297, I: -100.2572, Q: 37.9672
Y: 72.297, U: 86.4635, V: -63.4267
Y: 72.297, Db: 264.359, Dr: 137.516
Y: 78.104, Cb: 215.047, Cr: 82.792
Y: 71.481, Pb: 95.125, Pr: -45.458
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#004bf8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#004bf8 to White#004bf8 to Black#004bf8 foreground
<p style="color: #004bf8">#004bf8 foreground</p>
#004bf8 background
<p style="background-color: #004bf8; color: #fff">#004bf8 background</p>
#004bf8 border
<p style="border: #004bf8 3px solid">#004bf8 border</p>
#004bf8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004bf8, #fff); background: -webkit-radial-gradient(50% 50%, #004bf8, #fff); background: -o-radial-gradient(50% 50%, #004bf8, #fff); background: -ms-radial-gradient(50% 50%, #004bf8, #fff); background: radial-gradient(50% 50%, #004bf8, #fff); color: #fff">#004bf8 radial gradient</p>
#004bf8 linear gradient to complementary #f8ad00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004bf8, #f8ad00); background: -webkit-linear-gradient(top, #004bf8, #f8ad00); background: -o-linear-gradient(top, #004bf8, #f8ad00); background: -ms-linear-gradient(top, #004bf8, #f8ad00); background: linear-gradient(top, #004bf8, #f8ad00); color: #fff">#004bf8 linear gradient to complementary #f8ad00</p>
#004bf8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004bf8">#004bf8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #004bf8 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 #004bf8.
Jump to paint brand: