#0080ec
Hex Color CodeThe hexadecimal color code #0080ec
is a shade of cyan-blue. In the RGB color model #0080ec
is comprised of 0% red, 50.2% green and 92.55% blue. In the HSL color space #0080ec
has a hue of 207.46 degrees, 100% saturation and 46.27% lightness. This color has an approximate wavelength of 489 nm.
#0080ec
Color InformationInverted
#ff7f13 25% Saturated
#007feb Grayscale
#757575
25% Lighter
#289cff Original
#0080ec 25% Darker
#005fb1
dodgerblue
#1e90ff 25% Desaturated
#1d7dce Web Safe: blue
#0000ff
rgb(0, 128, 236)
rgba(0, 128, 236, 1.0)
red: 0%, yellow: 32.5447%, blue: 92.549%
#0080ec
33004
-16744212 / 0xff0080ec
hsl(207, 100%, 46%)
hsla(207, 100%, 46%, 1.0)
hue: 207 (207.4576), saturation: 100 (100), value: 93 (92.549)
X: 22.8595, Y: 21.4945, Z: 82.3009
x: 0.1805, y: 0.1697, Y: 21.4945
L: 53.4865, a: 11.4314, b: -62.3803
L: 53.4865, u: -30.1983, v: -98.5004
L: 53.4865, C: 63.419, H: 280.3844
L: 46.3621, a: 6.8782, b: -72.7966
cyan: 100 (1), magenta: 46 (0.4576), yellow: 0 (0), key: 7 (0.0745)
cyan: 100 (1), magenta: 50 (0.498), yellow: 7 (0.0745)
Y: 102.04, I: -110.9481, Q: 6.5362
Y: 102.04, U: 65.9219, V: -89.5211
Y: 102.04, Db: 201.564, Dr: 194.06
Y: 103.64, Cb: 194.356, Cr: 64.14
Y: 108.512, Pb: 68.72, Pr: -68.968
5PB 5/14 (approximate)
#0080ec
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0080ec
to White#0080ec
to Black#0080ec
foreground
<p style="color: #0080ec">#0080ec foreground</p>
#0080ec
background
<p style="background-color: #0080ec; color: #fff">#0080ec background</p>
#0080ec
border
<p style="border: #0080ec 3px solid">#0080ec border</p>
#0080ec
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0080ec, #fff); background: -webkit-radial-gradient(50% 50%, #0080ec, #fff); background: -o-radial-gradient(50% 50%, #0080ec, #fff); background: -ms-radial-gradient(50% 50%, #0080ec, #fff); background: radial-gradient(50% 50%, #0080ec, #fff); color: #fff">#0080ec radial gradient</p>
#0080ec
linear gradient to complementary #eb6b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0080ec, #eb6b00); background: -webkit-linear-gradient(top, #0080ec, #eb6b00); background: -o-linear-gradient(top, #0080ec, #eb6b00); background: -ms-linear-gradient(top, #0080ec, #eb6b00); background: linear-gradient(top, #0080ec, #eb6b00); color: #fff">
#0080ec
linear gradient to complementary #eb6b00
</p>
#0080ec
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0080ec">#0080ec text shadow</p>
The matching paint colors are listed in order of relevancy to the #0080ec
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 #0080ec
.
Jump to paint brand: