#0059ae
Hex Color CodeThe hexadecimal color code #0059ae
is a medium dark shade of cyan-blue. In the RGB color model #0059ae
is comprised of 0% red, 34.9% green and 68.24% blue. In the HSL color space #0059ae
has a hue of 209.31 degrees, 100% saturation and 34.12% lightness. This color has an approximate wavelength of 488 nm.
#0059ae
Color InformationInverted
#ffa651 25% Saturated
#0058ae Grayscale
#575757
25% Lighter
#006fd9 Original
#0059ae 25% Darker
#004282
royalblue
#4169e1 25% Desaturated
#155898 Web Safe: blue
#0000ff
rgb(0, 89, 174)
rgba(0, 89, 174, 1.0)
red: 0%, yellow: 23.091%, blue: 68.2353%
#0059ae
22958
-16754258 / 0xff0059ae
hsl(209, 100%, 34%)
hsla(209, 100%, 34%, 1.0)
hue: 209 (209.3103), saturation: 100 (100), value: 68 (68.2353)
X: 11.2124, Y: 10.2007, Z: 41.4224
x: 0.1784, y: 0.1623, Y: 10.2007
L: 38.2003, a: 11.598, b: -51.4689
L: 38.2003, u: -21.0449, v: -74.5429
L: 38.2003, C: 52.7595, H: 282.6989
L: 31.9386, a: 6.7716, b: -54.5384
cyan: 100 (1), magenta: 49 (0.4885), yellow: 0 (0), key: 32 (0.3176)
cyan: 100 (1), magenta: 65 (0.651), yellow: 32 (0.3176)
Y: 72.079, I: -80.3261, Q: 7.6269
Y: 72.079, U: 50.1555, V: -63.2358
Y: 72.079, Db: 153.355, Dr: 137.082
Y: 77.908, Cb: 178.487, Cr: 82.894
Y: 76.163, Pb: 52.735, Pr: -48.41
5PB 4/12 (approximate)
#0059ae
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0059ae
to White#0059ae
to Black#0059ae
foreground
<p style="color: #0059ae">#0059ae foreground</p>
#0059ae
background
<p style="background-color: #0059ae; color: #fff">#0059ae background</p>
#0059ae
border
<p style="border: #0059ae 3px solid">#0059ae border</p>
#0059ae
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0059ae, #fff); background: -webkit-radial-gradient(50% 50%, #0059ae, #fff); background: -o-radial-gradient(50% 50%, #0059ae, #fff); background: -ms-radial-gradient(50% 50%, #0059ae, #fff); background: radial-gradient(50% 50%, #0059ae, #fff); color: #fff">#0059ae radial gradient</p>
#0059ae
linear gradient to complementary #ae5500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0059ae, #ae5500); background: -webkit-linear-gradient(top, #0059ae, #ae5500); background: -o-linear-gradient(top, #0059ae, #ae5500); background: -ms-linear-gradient(top, #0059ae, #ae5500); background: linear-gradient(top, #0059ae, #ae5500); color: #fff">
#0059ae
linear gradient to complementary #ae5500
</p>
#0059ae
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0059ae">#0059ae text shadow</p>
The matching paint colors are listed in order of relevancy to the #0059ae
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 #0059ae
.
Jump to paint brand: