#0084f4
Hex Color CodeThe hexadecimal color code #0084f4
is a shade of cyan-blue. In the RGB color model #0084f4
is comprised of 0% red, 51.76% green and 95.69% blue. In the HSL color space #0084f4
has a hue of 207.54 degrees, 100% saturation and 47.84% lightness. This color has an approximate wavelength of 489 nm.
#0084f4
Color InformationInverted
#ff7b0b 25% Saturated
#0083f4 Grayscale
#7a7a7a
25% Lighter
#31a0ff Original
#0084f4 25% Darker
#0062b7
dodgerblue
#1e90ff 25% Desaturated
#1e81d5 Web Safe: fuchsia
#ff00ff
rgb(0, 132, 244)
rgba(0, 132, 244, 1.0)
red: 0%, yellow: 33.592%, blue: 95.6863%
#0084f4
34036
-16743180 / 0xff0084f4
hsl(208, 100%, 48%)
hsla(208, 100%, 48%, 1.0)
hue: 208 (207.541), saturation: 100 (100), value: 96 (95.6863)
X: 24.5804, Y: 23.0342, Z: 88.7385
x: 0.1803, y: 0.1689, Y: 23.0342
L: 55.1075, a: 12.0588, b: -64.2168
L: 55.1075, u: -31.0351, v: -102.1146
L: 55.1075, C: 65.3392, H: 280.6353
L: 47.9939, a: 7.4305, b: -76.0286
cyan: 100 (1), magenta: 46 (0.459), yellow: 0 (0), key: 4 (0.0431)
cyan: 100 (1), magenta: 48 (0.4824), yellow: 4 (0.0431)
Y: 105.3, I: -114.616, Q: 6.9349
Y: 105.3, U: 68.2545, V: -92.3811
Y: 105.3, Db: 208.696, Dr: 200.26
Y: 106.44, Cb: 196.704, Cr: 62.1
Y: 111.948, Pb: 71.18, Pr: -71.152
5PB 5/14 (approximate)
#0084f4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0084f4
to White#0084f4
to Black#0084f4
foreground
<p style="color: #0084f4">#0084f4 foreground</p>
#0084f4
background
<p style="background-color: #0084f4; color: #fff">#0084f4 background</p>
#0084f4
border
<p style="border: #0084f4 3px solid">#0084f4 border</p>
#0084f4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0084f4, #fff); background: -webkit-radial-gradient(50% 50%, #0084f4, #fff); background: -o-radial-gradient(50% 50%, #0084f4, #fff); background: -ms-radial-gradient(50% 50%, #0084f4, #fff); background: radial-gradient(50% 50%, #0084f4, #fff); color: #fff">#0084f4 radial gradient</p>
#0084f4
linear gradient to complementary #f46f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0084f4, #f46f00); background: -webkit-linear-gradient(top, #0084f4, #f46f00); background: -o-linear-gradient(top, #0084f4, #f46f00); background: -ms-linear-gradient(top, #0084f4, #f46f00); background: linear-gradient(top, #0084f4, #f46f00); color: #fff">
#0084f4
linear gradient to complementary #f46f00
</p>
#0084f4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0084f4">#0084f4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0084f4
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 #0084f4
.
Jump to paint brand: