Color Charts
RGB
CMYK
RYB
#0064aa Hex Color CodeThe hexadecimal color code #0064aa is a medium dark shade of cyan-blue. In the RGB color model #0064aa is comprised of 0% red, 39.22% green and 66.67% blue. In the HSL color space #0064aa has a hue of 204.71 degrees, 100% saturation and 33.33% lightness. This color has an approximate wavelength of 491 nm.
#0064aa Color InformationInverted
#ff9b55 25% Saturated
#0063a9 Grayscale
#545454
25% Lighter
#007cd4 Original
#0064aa 25% Darker
#004a7f
royalblue
#4169e1 25% Desaturated
#156094 Web Safe: blue
#0000ff
rgb(0, 100, 170)
rgba(0, 100, 170, 1.0)
red: 0%, yellow: 24.6914%, blue: 66.6667%
#0064aa
25770
-16751446 / 0xff0064aa
hsl(205, 100%, 33%)
hsla(205, 100%, 33%, 1.0)
hue: 205 (204.7059), saturation: 100 (100), value: 67 (66.6667)
X: 11.8129, Y: 12.0166, Z: 39.727
x: 0.1859, y: 0.1891, Y: 12.0166
L: 41.2425, a: 2.7871, b: -44.2191
L: 41.2425, u: -24.6762, v: -64.7996
L: 41.2425, C: 44.3068, H: 273.6065
L: 34.665, a: 0.1641, b: -43.6825
cyan: 100 (1), magenta: 41 (0.4118), yellow: 0 (0), key: 33 (0.3333)
cyan: 100 (1), magenta: 61 (0.6078), yellow: 33 (0.3333)
Y: 78.08, I: -82.06, Q: 0.6338
Y: 78.08, U: 45.234, V: -68.5007
Y: 78.08, Db: 138.31, Dr: 148.49
Y: 83.06, Cb: 173.53, Cr: 79.13
Y: 83.74, Pb: 46.5, Pr: -53.22
2.5PB 4/10 (approximate)
#0064aa / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0064aa to White#0064aa to Black#0064aa foreground
<p style="color: #0064aa">#0064aa foreground</p>
#0064aa background
<p style="background-color: #0064aa; color: #fff">#0064aa background</p>
#0064aa border
<p style="border: #0064aa 3px solid">#0064aa border</p>
#0064aa radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0064aa, #fff); background: -webkit-radial-gradient(50% 50%, #0064aa, #fff); background: -o-radial-gradient(50% 50%, #0064aa, #fff); background: -ms-radial-gradient(50% 50%, #0064aa, #fff); background: radial-gradient(50% 50%, #0064aa, #fff); color: #fff">#0064aa radial gradient</p>
#0064aa linear gradient to complementary #a94500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0064aa, #a94500); background: -webkit-linear-gradient(top, #0064aa, #a94500); background: -o-linear-gradient(top, #0064aa, #a94500); background: -ms-linear-gradient(top, #0064aa, #a94500); background: linear-gradient(top, #0064aa, #a94500); color: #fff">#0064aa linear gradient to complementary #a94500</p>
#0064aa text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0064aa">#0064aa text shadow</p>
The matching paint colors are listed in order of relevancy to the #0064aa 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 #0064aa.
Jump to paint brand: