#007ffc
Hex Color CodeThe hexadecimal color code #007ffc
is a shade of cyan-blue. In the RGB color model #007ffc
is comprised of 0% red, 49.8% green and 98.82% blue. In the HSL color space #007ffc
has a hue of 209.76 degrees, 100% saturation and 49.41% lightness. This color has an approximate wavelength of 488 nm.
#007ffc
Color InformationInverted
#ff8003 25% Saturated
#007efc Grayscale
#7e7e7e
25% Lighter
#3c9eff Original
#007ffc 25% Darker
#005fbd
dodgerblue
#1e90ff 25% Desaturated
#1f7edc Web Safe: fuchsia
#ff00ff
rgb(0, 127, 252)
rgba(0, 127, 252, 1.0)
red: 0%, yellow: 33.115%, blue: 98.8235%
#007ffc
32764
-16744452 / 0xff007ffc
hsl(210, 100%, 49%)
hsla(210, 100%, 49%, 1.0)
hue: 210 (209.7619), saturation: 100 (100), value: 99 (98.8235)
X: 25.1601, Y: 22.207, Z: 95.0558
x: 0.1767, y: 0.1559, Y: 22.207
L: 54.246, a: 18.2571, b: -70.0341
L: 54.246, u: -29.2152, v: -111.221
L: 54.246, C: 72.3747, H: 284.6112
L: 47.1243, a: 12.835, b: -86.6085
cyan: 100 (1), magenta: 50 (0.496), yellow: 0 (0), key: 1 (0.0118)
cyan: 100 (1), magenta: 50 (0.502), yellow: 1 (0.0118)
Y: 103.277, I: -115.8138, Q: 12.037
Y: 103.277, U: 73.1868, V: -90.6062
Y: 103.277, Db: 223.775, Dr: 196.416
Y: 104.704, Cb: 201.671, Cr: 63.372
Y: 108.949, Pb: 77.105, Pr: -69.25
5PB 5/16 (approximate)
#007ffc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007ffc
to White#007ffc
to Black#007ffc
foreground
<p style="color: #007ffc">#007ffc foreground</p>
#007ffc
background
<p style="background-color: #007ffc; color: #fff">#007ffc background</p>
#007ffc
border
<p style="border: #007ffc 3px solid">#007ffc border</p>
#007ffc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007ffc, #fff); background: -webkit-radial-gradient(50% 50%, #007ffc, #fff); background: -o-radial-gradient(50% 50%, #007ffc, #fff); background: -ms-radial-gradient(50% 50%, #007ffc, #fff); background: radial-gradient(50% 50%, #007ffc, #fff); color: #fff">#007ffc radial gradient</p>
#007ffc
linear gradient to complementary #fc7d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007ffc, #fc7d00); background: -webkit-linear-gradient(top, #007ffc, #fc7d00); background: -o-linear-gradient(top, #007ffc, #fc7d00); background: -ms-linear-gradient(top, #007ffc, #fc7d00); background: linear-gradient(top, #007ffc, #fc7d00); color: #fff">
#007ffc
linear gradient to complementary #fc7d00
</p>
#007ffc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007ffc">#007ffc text shadow</p>
The matching paint colors are listed in order of relevancy to the #007ffc
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 #007ffc
.
Jump to paint brand: