#0080ed
Hex Color CodeThe hexadecimal color code #0080ed
is a shade of cyan-blue. In the RGB color model #0080ed
is comprised of 0% red, 50.2% green and 92.94% blue. In the HSL color space #0080ed
has a hue of 207.59 degrees, 100% saturation and 46.47% lightness. This color has an approximate wavelength of 489 nm.
#0080ed
Color InformationInverted
#ff7f12 25% Saturated
#007fec Grayscale
#767676
25% Lighter
#299cff Original
#0080ed 25% Darker
#005fb1
dodgerblue
#1e90ff 25% Desaturated
#1d7dcf Web Safe: blue
#0000ff
rgb(0, 128, 237)
rgba(0, 128, 237, 1.0)
red: 0%, yellow: 32.5931%, blue: 92.9412%
#0080ed
33005
-16744211 / 0xff0080ed
hsl(208, 100%, 46%)
hsla(208, 100%, 46%, 1.0)
hue: 208 (207.5949), saturation: 100 (100), value: 93 (92.9412)
X: 23.0052, Y: 21.5528, Z: 83.0684
x: 0.1803, y: 0.1689, Y: 21.5528
L: 53.5492, a: 11.8202, b: -62.8366
L: 53.5492, u: -30.152, v: -99.2715
L: 53.5492, C: 63.9387, H: 280.6535
L: 46.425, a: 7.2095, b: -73.5904
cyan: 100 (1), magenta: 46 (0.4599), yellow: 0 (0), key: 7 (0.0706)
cyan: 100 (1), magenta: 50 (0.498), yellow: 7 (0.0706)
Y: 102.154, I: -111.2693, Q: 6.8473
Y: 102.154, U: 66.3579, V: -89.6211
Y: 102.154, Db: 202.897, Dr: 194.277
Y: 103.738, Cb: 194.795, Cr: 64.069
Y: 108.584, Pb: 69.22, Pr: -69.014
5PB 5/14 (approximate)
#0080ed
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0080ed
to White#0080ed
to Black#0080ed
foreground
<p style="color: #0080ed">#0080ed foreground</p>
#0080ed
background
<p style="background-color: #0080ed; color: #fff">#0080ed background</p>
#0080ed
border
<p style="border: #0080ed 3px solid">#0080ed border</p>
#0080ed
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0080ed, #fff); background: -webkit-radial-gradient(50% 50%, #0080ed, #fff); background: -o-radial-gradient(50% 50%, #0080ed, #fff); background: -ms-radial-gradient(50% 50%, #0080ed, #fff); background: radial-gradient(50% 50%, #0080ed, #fff); color: #fff">#0080ed radial gradient</p>
#0080ed
linear gradient to complementary #ec6c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0080ed, #ec6c00); background: -webkit-linear-gradient(top, #0080ed, #ec6c00); background: -o-linear-gradient(top, #0080ed, #ec6c00); background: -ms-linear-gradient(top, #0080ed, #ec6c00); background: linear-gradient(top, #0080ed, #ec6c00); color: #fff">
#0080ed
linear gradient to complementary #ec6c00
</p>
#0080ed
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0080ed">#0080ed text shadow</p>
The matching paint colors are listed in order of relevancy to the #0080ed
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 #0080ed
.
Jump to paint brand: