#0056a0
Hex Color CodeThe hexadecimal color code #0056a0
is a medium dark shade of cyan-blue. In the RGB color model #0056a0
is comprised of 0% red, 33.73% green and 62.75% blue. In the HSL color space #0056a0
has a hue of 207.75 degrees, 100% saturation and 31.37% lightness. This color has an approximate wavelength of 489 nm.
#0056a0
Color InformationInverted
#ffa95f 25% Saturated
#0056a0 Grayscale
#505050
25% Lighter
#006bc7 Original
#0056a0 25% Darker
#004077
darkslateblue
#483d8b 25% Desaturated
#13548c Web Safe: blue
#0000ff
rgb(0, 86, 160)
rgba(0, 86, 160, 1.0)
red: 0%, yellow: 21.9353%, blue: 62.7451%
#0056a0
22176
-16755040 / 0xff0056a0
hsl(208, 100%, 31%)
hsla(208, 100%, 31%, 1.0)
hue: 208 (207.75), saturation: 100 (100), value: 63 (62.7451)
X: 9.673, Y: 9.1936, Z: 34.5224
x: 0.1812, y: 0.1722, Y: 9.1936
L: 36.3545, a: 7.775, b: -46.1115
L: 36.3545, u: -20.6899, v: -65.633
L: 36.3545, C: 46.7624, H: 279.5708
L: 30.321, a: 3.8829, b: -46.2808
cyan: 100 (1), magenta: 46 (0.4625), yellow: 0 (0), key: 37 (0.3725)
cyan: 100 (1), magenta: 66 (0.6627), yellow: 37 (0.3725)
Y: 68.722, I: -75.005, Q: 4.8388
Y: 68.722, U: 44.918, V: -60.2907
Y: 68.722, Db: 137.342, Dr: 130.696
Y: 75.024, Cb: 173.214, Cr: 84.992
Y: 73.01, Pb: 46.89, Pr: -46.404
5PB 4/10 approximate; exact match: Munsell 5PB 4/10 / #2661ab
#0056a0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0056a0
to White#0056a0
to Black#0056a0
foreground
<p style="color: #0056a0">#0056a0 foreground</p>
#0056a0
background
<p style="background-color: #0056a0; color: #fff">#0056a0 background</p>
#0056a0
border
<p style="border: #0056a0 3px solid">#0056a0 border</p>
#0056a0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0056a0, #fff); background: -webkit-radial-gradient(50% 50%, #0056a0, #fff); background: -o-radial-gradient(50% 50%, #0056a0, #fff); background: -ms-radial-gradient(50% 50%, #0056a0, #fff); background: radial-gradient(50% 50%, #0056a0, #fff); color: #fff">#0056a0 radial gradient</p>
#0056a0
linear gradient to complementary #a04a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0056a0, #a04a00); background: -webkit-linear-gradient(top, #0056a0, #a04a00); background: -o-linear-gradient(top, #0056a0, #a04a00); background: -ms-linear-gradient(top, #0056a0, #a04a00); background: linear-gradient(top, #0056a0, #a04a00); color: #fff">
#0056a0
linear gradient to complementary #a04a00
</p>
#0056a0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0056a0">#0056a0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0056a0
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 #0056a0
.
Jump to paint brand: