#003388
/ #038
Hex Color CodeThe hexadecimal color code #003388
/ #038
is a medium dark shade of cyan-blue. In the RGB color model #003388
is comprised of 0% red, 20% green and 53.33% blue. In the HSL color space #003388
has a hue of 217.5 degrees, 100% saturation and 26.67% lightness. This color has an approximate wavelength of 483 nm.
#003388
Color InformationInverted
#ffcc77 25% Saturated
#003388 Grayscale
#444444
25% Lighter
#003faa Original
#003388 25% Darker
#002666
darkslateblue
#483d8b 25% Desaturated
#103777 Web Safe: navy
#000080
rgb(0, 51, 136)
rgba(0, 51, 136, 1.0)
red: 0%, yellow: 14.5455%, blue: 53.3333%
#003388 / #038
13192
-16764024 / 0xff003388
hsl(218, 100%, 27%)
hsla(218, 100%, 27%, 1.0)
hue: 218 (217.5), saturation: 100 (100), value: 53 (53.3333)
X: 5.6278, Y: 4.1452, Z: 23.796
x: 0.1676, y: 0.1235, Y: 4.1452
L: 24.1459, a: 21.8383, b: -51.2528
L: 24.1459, u: -11.3367, v: -62.8781
L: 24.1459, C: 55.7114, H: 293.0784
L: 20.3598, a: 13.7104, b: -55.0447
cyan: 100 (1), magenta: 63 (0.625), yellow: 0 (0), key: 47 (0.4667)
cyan: 100 (1), magenta: 80 (0.8), yellow: 47 (0.4667)
Y: 45.441, I: -57.6889, Q: 15.6622
Y: 45.441, U: 44.5641, V: -39.8658
Y: 45.441, Db: 136.255, Dr: 86.428
Y: 55.032, Cb: 172.863, Cr: 99.576
Y: 46.257, Pb: 48.365, Pr: -29.41
5PB 2/12 (approximate)
#003388
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003388
to White#003388
to Black#003388
foreground
<p style="color: #003388">#003388 foreground</p>
#003388
background
<p style="background-color: #003388; color: #fff">#003388 background</p>
#003388
border
<p style="border: #003388 3px solid">#003388 border</p>
#003388
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003388, #fff); background: -webkit-radial-gradient(50% 50%, #003388, #fff); background: -o-radial-gradient(50% 50%, #003388, #fff); background: -ms-radial-gradient(50% 50%, #003388, #fff); background: radial-gradient(50% 50%, #003388, #fff); color: #fff">#003388 radial gradient</p>
#003388
linear gradient to complementary #885500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003388, #885500); background: -webkit-linear-gradient(top, #003388, #885500); background: -o-linear-gradient(top, #003388, #885500); background: -ms-linear-gradient(top, #003388, #885500); background: linear-gradient(top, #003388, #885500); color: #fff">
#003388
linear gradient to complementary #885500
</p>
#003388
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003388">#003388 text shadow</p>
The matching paint colors are listed in order of relevancy to the #003388
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 #003388
.
Jump to paint brand: