#003372
Hex Color CodeThe hexadecimal color code #003372
is a dark shade of cyan-blue. In the RGB color model #003372
is comprised of 0% red, 20% green and 44.71% blue. In the HSL color space #003372
has a hue of 213.16 degrees, 100% saturation and 22.35% lightness. This color has an approximate wavelength of 486 nm.
#003372
Color InformationInverted
#ffcc8d 25% Saturated
#003272 Grayscale
#393939
25% Lighter
#003f8e Original
#003372 25% Darker
#002655
midnightblue
#191970 25% Desaturated
#0e3463 Web Safe: navy
#000080
rgb(0, 51, 114)
rgba(0, 51, 114, 1.0)
red: 0%, yellow: 13.8182%, blue: 44.7059%
#003372
13170
-16764046 / 0xff003372
hsl(213, 100%, 22%)
hsla(213, 100%, 22%, 1.0)
hue: 213 (213.1579), saturation: 100 (100), value: 45 (44.7059)
X: 4.2211, Y: 3.5826, Z: 16.3886
x: 0.1745, y: 0.1481, Y: 3.5826
L: 22.2404, a: 12.2354, b: -40.4558
L: 22.2404, u: -11.6305, v: -48.3857
L: 22.2404, C: 42.2656, H: 286.8274
L: 18.9276, a: 6.6842, b: -38.0872
cyan: 100 (1), magenta: 55 (0.5526), yellow: 0 (0), key: 55 (0.5529)
cyan: 100 (1), magenta: 80 (0.8), yellow: 55 (0.5529)
Y: 42.933, I: -50.6211, Q: 8.8172
Y: 42.933, U: 34.9721, V: -37.6656
Y: 42.933, Db: 106.929, Dr: 81.654
Y: 52.876, Cb: 163.205, Cr: 101.138
Y: 44.673, Pb: 37.365, Pr: -28.398
5PB 2/8 (approximate)
#003372
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003372
to White#003372
to Black#003372
foreground
<p style="color: #003372">#003372 foreground</p>
#003372
background
<p style="background-color: #003372; color: #fff">#003372 background</p>
#003372
border
<p style="border: #003372 3px solid">#003372 border</p>
#003372
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003372, #fff); background: -webkit-radial-gradient(50% 50%, #003372, #fff); background: -o-radial-gradient(50% 50%, #003372, #fff); background: -ms-radial-gradient(50% 50%, #003372, #fff); background: radial-gradient(50% 50%, #003372, #fff); color: #fff">#003372 radial gradient</p>
#003372
linear gradient to complementary #723f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003372, #723f00); background: -webkit-linear-gradient(top, #003372, #723f00); background: -o-linear-gradient(top, #003372, #723f00); background: -ms-linear-gradient(top, #003372, #723f00); background: linear-gradient(top, #003372, #723f00); color: #fff">
#003372
linear gradient to complementary #723f00
</p>
#003372
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003372">#003372 text shadow</p>
The matching paint colors are listed in order of relevancy to the #003372
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 #003372
.
Jump to paint brand: