#003cf0
Hex Color CodeThe hexadecimal color code #003cf0
is a shade of blue. In the RGB color model #003cf0
is comprised of 0% red, 23.53% green and 94.12% blue. In the HSL color space #003cf0
has a hue of 225 degrees, 100% saturation and 47.06% lightness. This color has an approximate wavelength of 478 nm.
#003cf0
Color InformationInverted
#ffc30f 25% Saturated
#003bef Grayscale
#777777
rgb(0, 60, 240)
rgba(0, 60, 240, 1.0)
red: 0%, yellow: 18.8235%, blue: 94.1176%
#003cf0
15600
-16761616 / 0xff003cf0
hsl(225, 100%, 47%)
hsla(225, 100%, 47%, 1.0)
hue: 225 (225), saturation: 100 (100), value: 94 (94.1176)
X: 17.344, Y: 9.523, Z: 83.3621
x: 0.1573, y: 0.0864, Y: 9.523
L: 36.9723, a: 55.2717, b: -91.6326
L: 36.9723, u: -13.8151, v: -124.695
L: 36.9723, C: 107.0116, H: 301.0979
L: 30.8593, a: 46.3194, b: -138.5619
cyan: 100 (1), magenta: 75 (0.75), yellow: 0 (0), key: 6 (0.0588)
cyan: 100 (1), magenta: 76 (0.7647), yellow: 6 (0.0588)
Y: 62.58, I: -93.5703, Q: 43.3169
Y: 62.58, U: 87.3084, V: -54.9018
Y: 62.58, Db: 266.94, Dr: 119.04
Y: 69.76, Cb: 215.9, Cr: 88.88
Y: 60.18, Pb: 96.9, Pr: -38.28
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#003cf0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003cf0
to White#003cf0
to Black#003cf0
foreground
<p style="color: #003cf0">#003cf0 foreground</p>
#003cf0
background
<p style="background-color: #003cf0; color: #fff">#003cf0 background</p>
#003cf0
border
<p style="border: #003cf0 3px solid">#003cf0 border</p>
#003cf0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003cf0, #fff); background: -webkit-radial-gradient(50% 50%, #003cf0, #fff); background: -o-radial-gradient(50% 50%, #003cf0, #fff); background: -ms-radial-gradient(50% 50%, #003cf0, #fff); background: radial-gradient(50% 50%, #003cf0, #fff); color: #fff">#003cf0 radial gradient</p>
#003cf0
linear gradient to complementary #efb300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003cf0, #efb300); background: -webkit-linear-gradient(top, #003cf0, #efb300); background: -o-linear-gradient(top, #003cf0, #efb300); background: -ms-linear-gradient(top, #003cf0, #efb300); background: linear-gradient(top, #003cf0, #efb300); color: #fff">
#003cf0
linear gradient to complementary #efb300
</p>
#003cf0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003cf0">#003cf0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #003cf0
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 #003cf0
.
Jump to paint brand: