#007acc
Hex Color CodeThe hexadecimal color code #007acc
is a medium dark shade of cyan-blue. In the RGB color model #007acc
is comprised of 0% red, 47.84% green and 80% blue. In the HSL color space #007acc
has a hue of 204.12 degrees, 100% saturation and 40% lightness. This color has an approximate wavelength of 491 nm.
#007acc
Color InformationInverted
#ff8533 25% Saturated
#0079cc Grayscale
#666666
25% Lighter
#0098ff Original
#007acc 25% Darker
#005b99
steelblue
#4682b4 25% Desaturated
#1974b2 Web Safe: blue
#0000ff
rgb(0, 122, 204)
rgba(0, 122, 204, 1.0)
red: 0%, yellow: 29.9387%, blue: 80%
#007acc
31436
-16745780 / 0xff007acc
hsl(204, 100%, 40%)
hsla(204, 100%, 40%, 1.0)
hue: 204 (204.1176), saturation: 100 (100), value: 80 (80)
X: 17.8586, Y: 18.2787, Z: 59.7136
x: 0.1863, y: 0.1907, Y: 18.2787
L: 49.8324, a: 2.6177, b: -50.2031
L: 49.8324, u: -29.9502, v: -77.2172
L: 49.8324, C: 50.2713, H: 272.9848
L: 42.7536, a: -0.2575, b: -52.8824
cyan: 100 (1), magenta: 40 (0.402), yellow: 0 (0), key: 20 (0.2)
cyan: 100 (1), magenta: 52 (0.5216), yellow: 20 (0.2)
Y: 94.87, I: -99.0209, Q: -0.2846
Y: 94.87, U: 53.7031, V: -83.2308
Y: 94.87, Db: 164.206, Dr: 180.42
Y: 97.48, Cb: 182.054, Cr: 68.62
Y: 101.918, Pb: 55.03, Pr: -64.772
2.5PB 5/12 (approximate)
#007acc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007acc
to White#007acc
to Black#007acc
foreground
<p style="color: #007acc">#007acc foreground</p>
#007acc
background
<p style="background-color: #007acc; color: #fff">#007acc background</p>
#007acc
border
<p style="border: #007acc 3px solid">#007acc border</p>
#007acc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007acc, #fff); background: -webkit-radial-gradient(50% 50%, #007acc, #fff); background: -o-radial-gradient(50% 50%, #007acc, #fff); background: -ms-radial-gradient(50% 50%, #007acc, #fff); background: radial-gradient(50% 50%, #007acc, #fff); color: #fff">#007acc radial gradient</p>
#007acc
linear gradient to complementary #cc5200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007acc, #cc5200); background: -webkit-linear-gradient(top, #007acc, #cc5200); background: -o-linear-gradient(top, #007acc, #cc5200); background: -ms-linear-gradient(top, #007acc, #cc5200); background: linear-gradient(top, #007acc, #cc5200); color: #fff">
#007acc
linear gradient to complementary #cc5200
</p>
#007acc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007acc">#007acc text shadow</p>
The matching paint colors are listed in order of relevancy to the #007acc
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 #007acc
.
Jump to paint brand: