#003ffb
Hex Color CodeThe hexadecimal color code #003ffb
is a shade of blue. In the RGB color model #003ffb
is comprised of 0% red, 24.71% green and 98.43% blue. In the HSL color space #003ffb
has a hue of 224.94 degrees, 100% saturation and 49.22% lightness. This color has an approximate wavelength of 478 nm.
#003ffb
Color InformationInverted
#ffc004 25% Saturated
#003efb Grayscale
#7d7d7d
rgb(0, 63, 251)
rgba(0, 63, 251, 1.0)
red: 0%, yellow: 19.749%, blue: 98.4314%
#003ffb
16379
-16760837 / 0xff003ffb
hsl(225, 100%, 49%)
hsla(225, 100%, 49%, 1.0)
hue: 225 (224.9402), saturation: 100 (100), value: 98 (98.4314)
X: 19.1901, Y: 10.52, Z: 92.2859
x: 0.1573, y: 0.0862, Y: 10.52
L: 38.7601, a: 57.2906, b: -94.859
L: 38.7601, u: -14.4653, v: -130.8677
L: 38.7601, C: 110.8172, H: 301.1301
L: 32.4346, a: 48.8497, b: -145.993
cyan: 100 (1), magenta: 75 (0.749), yellow: 0 (0), key: 2 (0.0157)
cyan: 100 (1), magenta: 75 (0.7529), yellow: 2 (0.0157)
Y: 65.595, I: -97.9276, Q: 45.1717
Y: 65.595, U: 91.2378, V: -57.5469
Y: 65.595, Db: 278.954, Dr: 124.775
Y: 72.35, Cb: 219.856, Cr: 86.995
Y: 63.117, Pb: 101.245, Pr: -40.148
7.5PB 4/24 (approximate)
#003ffb
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003ffb
to White#003ffb
to Black#003ffb
foreground
<p style="color: #003ffb">#003ffb foreground</p>
#003ffb
background
<p style="background-color: #003ffb; color: #fff">#003ffb background</p>
#003ffb
border
<p style="border: #003ffb 3px solid">#003ffb border</p>
#003ffb
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003ffb, #fff); background: -webkit-radial-gradient(50% 50%, #003ffb, #fff); background: -o-radial-gradient(50% 50%, #003ffb, #fff); background: -ms-radial-gradient(50% 50%, #003ffb, #fff); background: radial-gradient(50% 50%, #003ffb, #fff); color: #fff">#003ffb radial gradient</p>
#003ffb
linear gradient to complementary #fbbc00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003ffb, #fbbc00); background: -webkit-linear-gradient(top, #003ffb, #fbbc00); background: -o-linear-gradient(top, #003ffb, #fbbc00); background: -ms-linear-gradient(top, #003ffb, #fbbc00); background: linear-gradient(top, #003ffb, #fbbc00); color: #fff">
#003ffb
linear gradient to complementary #fbbc00
</p>
#003ffb
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003ffb">#003ffb text shadow</p>
The matching paint colors are listed in order of relevancy to the #003ffb
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 #003ffb
.
Jump to paint brand: