Color Charts
RGB
CMYK
RYB
#0052ae Hex Color CodeThe hexadecimal color code #0052ae is a medium dark shade of cyan-blue. In the RGB color model #0052ae is comprised of 0% red, 32.16% green and 68.24% blue. In the HSL color space #0052ae has a hue of 211.72 degrees, 100% saturation and 34.12% lightness. This color has an approximate wavelength of 487 nm.
#0052ae Color InformationInverted
#ffad51 25% Saturated
#0051ae Grayscale
#575757
25% Lighter
#0066d9 Original
#0052ae 25% Darker
#003d82
darkslateblue
#483d8b 25% Desaturated
#155398 Web Safe: blue
#0000ff
rgb(0, 82, 174)
rgba(0, 82, 174, 1.0)
red: 0%, yellow: 21.8566%, blue: 68.2353%
#0052ae
21166
-16756050 / 0xff0052ae
hsl(212, 100%, 34%)
hsla(212, 100%, 34%, 1.0)
hue: 212 (211.7241), saturation: 100 (100), value: 68 (68.2353)
X: 10.6573, Y: 9.0906, Z: 41.2374
x: 0.1748, y: 0.1491, Y: 9.0906
L: 36.1581, a: 16.2854, b: -54.7739
L: 36.1581, u: -18.9803, v: -78.0912
L: 36.1581, C: 57.1436, H: 286.5583
L: 30.1506, a: 10.3306, b: -59.9863
cyan: 100 (1), magenta: 53 (0.5287), yellow: 0 (0), key: 32 (0.3176)
cyan: 100 (1), magenta: 68 (0.6784), yellow: 32 (0.3176)
Y: 67.97, I: -78.4049, Q: 11.285
Y: 67.97, U: 52.1775, V: -59.6309
Y: 67.97, Db: 159.536, Dr: 129.27
Y: 74.38, Cb: 180.524, Cr: 85.47
Y: 71.158, Pb: 55.43, Pr: -45.232
5PB 3/12 (approximate)
#0052ae / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0052ae to White#0052ae to Black#0052ae foreground
<p style="color: #0052ae">#0052ae foreground</p>
#0052ae background
<p style="background-color: #0052ae; color: #fff">#0052ae background</p>
#0052ae border
<p style="border: #0052ae 3px solid">#0052ae border</p>
#0052ae radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0052ae, #fff); background: -webkit-radial-gradient(50% 50%, #0052ae, #fff); background: -o-radial-gradient(50% 50%, #0052ae, #fff); background: -ms-radial-gradient(50% 50%, #0052ae, #fff); background: radial-gradient(50% 50%, #0052ae, #fff); color: #fff">#0052ae radial gradient</p>
#0052ae linear gradient to complementary #ae5b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0052ae, #ae5b00); background: -webkit-linear-gradient(top, #0052ae, #ae5b00); background: -o-linear-gradient(top, #0052ae, #ae5b00); background: -ms-linear-gradient(top, #0052ae, #ae5b00); background: linear-gradient(top, #0052ae, #ae5b00); color: #fff">#0052ae linear gradient to complementary #ae5b00</p>
#0052ae text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0052ae">#0052ae text shadow</p>
The matching paint colors are listed in order of relevancy to the #0052ae 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 #0052ae.
Jump to paint brand: