#0034f3
Hex Color CodeThe hexadecimal color code #0034f3
is a shade of blue. In the RGB color model #0034f3
is comprised of 0% red, 20.39% green and 95.29% blue. In the HSL color space #0034f3
has a hue of 227.16 degrees, 100% saturation and 47.65% lightness. This color has an approximate wavelength of 477 nm.
#0034f3
Color InformationInverted
#ffcb0c 25% Saturated
#0033f2 Grayscale
#797979
rgb(0, 52, 243)
rgba(0, 52, 243, 1.0)
red: 0%, yellow: 16.7976%, blue: 95.2941%
#0034f3
13555
-16763661 / 0xff0034f3
hsl(227, 100%, 48%)
hsla(227, 100%, 48%, 1.0)
hue: 227 (227.1605), saturation: 100 (100), value: 95 (95.2941)
X: 17.4057, Y: 8.927, Z: 85.5997
x: 0.1555, y: 0.0798, Y: 8.927
L: 35.8435, a: 60.4729, b: -95.2016
L: 35.8435, u: -12.694, v: -126.4953
L: 35.8435, C: 112.7844, H: 302.4241
L: 29.8782, a: 51.6992, b: -148.9487
cyan: 100 (1), magenta: 79 (0.786), yellow: 0 (0), key: 5 (0.0471)
cyan: 100 (1), magenta: 80 (0.7961), yellow: 5 (0.0471)
Y: 58.226, I: -92.3385, Q: 48.4311
Y: 58.226, U: 90.9273, V: -51.0819
Y: 58.226, Db: 278.003, Dr: 110.763
Y: 66.022, Cb: 219.545, Cr: 91.611
Y: 54.676, Pb: 101.48, Pr: -34.786
7.5PB 4/24 (approximate)
#0034f3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0034f3
to White#0034f3
to Black#0034f3
foreground
<p style="color: #0034f3">#0034f3 foreground</p>
#0034f3
background
<p style="background-color: #0034f3; color: #fff">#0034f3 background</p>
#0034f3
border
<p style="border: #0034f3 3px solid">#0034f3 border</p>
#0034f3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0034f3, #fff); background: -webkit-radial-gradient(50% 50%, #0034f3, #fff); background: -o-radial-gradient(50% 50%, #0034f3, #fff); background: -ms-radial-gradient(50% 50%, #0034f3, #fff); background: radial-gradient(50% 50%, #0034f3, #fff); color: #fff">#0034f3 radial gradient</p>
#0034f3
linear gradient to complementary #f2bf00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0034f3, #f2bf00); background: -webkit-linear-gradient(top, #0034f3, #f2bf00); background: -o-linear-gradient(top, #0034f3, #f2bf00); background: -ms-linear-gradient(top, #0034f3, #f2bf00); background: linear-gradient(top, #0034f3, #f2bf00); color: #fff">
#0034f3
linear gradient to complementary #f2bf00
</p>
#0034f3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0034f3">#0034f3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0034f3
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 #0034f3
.
Jump to paint brand: