Color Charts
RGB
CMYK
RYB
#003aae Hex Color CodeThe hexadecimal color code #003aae is a medium dark shade of cyan-blue. In the RGB color model #003aae is comprised of 0% red, 22.75% green and 68.24% blue. In the HSL color space #003aae has a hue of 220 degrees, 100% saturation and 34.12% lightness. This color has an approximate wavelength of 481 nm.
#003aae Color InformationInverted
#ffc551 25% Saturated
#003aae Grayscale
#575757
25% Lighter
#0048d9 Original
#003aae 25% Darker
#002b82
darkslateblue
#483d8b 25% Desaturated
#154198 Web Safe: blue
#0000ff
rgb(0, 58, 174)
rgba(0, 58, 174, 1.0)
red: 0%, yellow: 17.0588%, blue: 68.2353%
#003aae
15022
-16762194 / 0xff003aae
hsl(220, 100%, 34%)
hsla(220, 100%, 34%, 1.0)
hue: 220 (220), saturation: 100 (100), value: 68 (68.2353)
X: 9.153, Y: 6.0821, Z: 40.7359
x: 0.1635, y: 0.1087, Y: 6.0821
L: 29.6187, a: 32.549, b: -65.4599
L: 29.6187, u: -12.8447, v: -85.6415
L: 29.6187, C: 73.1057, H: 296.4382
L: 24.6619, a: 23.0902, b: -80.6704
cyan: 100 (1), magenta: 67 (0.6667), yellow: 0 (0), key: 32 (0.3176)
cyan: 100 (1), magenta: 77 (0.7725), yellow: 32 (0.3176)
Y: 53.882, I: -71.818, Q: 23.8272
Y: 53.882, U: 59.1101, V: -47.2712
Y: 53.882, Db: 180.728, Dr: 102.486
Y: 62.284, Cb: 187.508, Cr: 94.302
Y: 53.998, Pb: 64.67, Pr: -34.336
7.5PB 3/14 approximate; exact match: Munsell 7.5PB 3/14 / #3339a9
#003aae / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003aae to White#003aae to Black#003aae foreground
<p style="color: #003aae">#003aae foreground</p>
#003aae background
<p style="background-color: #003aae; color: #fff">#003aae background</p>
#003aae border
<p style="border: #003aae 3px solid">#003aae border</p>
#003aae radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003aae, #fff); background: -webkit-radial-gradient(50% 50%, #003aae, #fff); background: -o-radial-gradient(50% 50%, #003aae, #fff); background: -ms-radial-gradient(50% 50%, #003aae, #fff); background: radial-gradient(50% 50%, #003aae, #fff); color: #fff">#003aae radial gradient</p>
#003aae linear gradient to complementary #ae7300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003aae, #ae7300); background: -webkit-linear-gradient(top, #003aae, #ae7300); background: -o-linear-gradient(top, #003aae, #ae7300); background: -ms-linear-gradient(top, #003aae, #ae7300); background: linear-gradient(top, #003aae, #ae7300); color: #fff">#003aae linear gradient to complementary #ae7300</p>
#003aae text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003aae">#003aae text shadow</p>
The matching paint colors are listed in order of relevancy to the #003aae 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 #003aae.
Jump to paint brand: