#00336f
Hex Color CodeThe hexadecimal color code #00336f
is a dark shade of cyan-blue. In the RGB color model #00336f
is comprised of 0% red, 20% green and 43.53% blue. In the HSL color space #00336f
has a hue of 212.43 degrees, 100% saturation and 21.76% lightness. This color has an approximate wavelength of 486 nm.
#00336f
Color InformationInverted
#ffcc90 25% Saturated
#00336f Grayscale
#373737
25% Lighter
#003f8a Original
#00336f 25% Darker
#002653
midnightblue
#191970 25% Desaturated
#0d3461 Web Safe: navy
#000080
rgb(0, 51, 111)
rgba(0, 51, 111, 1.0)
red: 0%, yellow: 13.7037%, blue: 43.5294%
#00336f
13167
-16764049 / 0xff00336f
hsl(212, 100%, 22%)
hsla(212, 100%, 22%, 1.0)
hue: 212 (212.4324), saturation: 100 (100), value: 44 (43.5294)
X: 4.0531, Y: 3.5154, Z: 15.5038
x: 0.1757, y: 0.1524, Y: 3.5154
L: 21.9998, a: 10.8914, b: -38.9206
L: 21.9998, u: -11.6939, v: -46.3448
L: 21.9998, C: 40.4158, H: 285.6336
L: 18.7493, a: 5.7755, b: -35.9026
cyan: 100 (1), magenta: 54 (0.5405), yellow: 0 (0), key: 56 (0.5647)
cyan: 100 (1), magenta: 80 (0.8), yellow: 56 (0.5647)
Y: 42.591, I: -49.6573, Q: 7.8838
Y: 42.591, U: 33.6641, V: -37.3656
Y: 42.591, Db: 102.93, Dr: 81.003
Y: 52.582, Cb: 161.888, Cr: 101.351
Y: 44.457, Pb: 35.865, Pr: -28.26
5PB 2/8 (approximate)
#00336f
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00336f
to White#00336f
to Black#00336f
foreground
<p style="color: #00336f">#00336f foreground</p>
#00336f
background
<p style="background-color: #00336f; color: #fff">#00336f background</p>
#00336f
border
<p style="border: #00336f 3px solid">#00336f border</p>
#00336f
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00336f, #fff); background: -webkit-radial-gradient(50% 50%, #00336f, #fff); background: -o-radial-gradient(50% 50%, #00336f, #fff); background: -ms-radial-gradient(50% 50%, #00336f, #fff); background: radial-gradient(50% 50%, #00336f, #fff); color: #fff">#00336f radial gradient</p>
#00336f
linear gradient to complementary #6f3b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00336f, #6f3b00); background: -webkit-linear-gradient(top, #00336f, #6f3b00); background: -o-linear-gradient(top, #00336f, #6f3b00); background: -ms-linear-gradient(top, #00336f, #6f3b00); background: linear-gradient(top, #00336f, #6f3b00); color: #fff">
#00336f
linear gradient to complementary #6f3b00
</p>
#00336f
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00336f">#00336f text shadow</p>
The matching paint colors are listed in order of relevancy to the #00336f
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 #00336f
.
Jump to paint brand: