Color Charts
RGB
CMYK
RYB
#00316a Hex Color CodeThe hexadecimal color code #00316a is a dark shade of cyan-blue. In the RGB color model #00316a is comprised of 0% red, 19.22% green and 41.57% blue. In the HSL color space #00316a has a hue of 212.26 degrees, 100% saturation and 20.78% lightness. This color has an approximate wavelength of 486 nm.
#00316a Color InformationInverted
#ffce95 25% Saturated
#00306a Grayscale
#353535
25% Lighter
#003d84 Original
#00316a 25% Darker
#00244f
midnightblue
#191970 25% Desaturated
#0d315c Web Safe: navy
#000080
rgb(0, 49, 106)
rgba(0, 49, 106, 1.0)
red: 0%, yellow: 13.141%, blue: 41.5686%
#00316a
12650
-16764566 / 0xff00316a
hsl(212, 100%, 21%)
hsla(212, 100%, 21%, 1.0)
hue: 212 (212.2642), saturation: 100 (100), value: 42 (41.5686)
X: 3.6998, Y: 3.2372, Z: 14.0655
x: 0.1762, y: 0.1541, Y: 3.2372
L: 20.97, a: 10.1004, b: -37.3611
L: 20.97, u: -11.2202, v: -43.5852
L: 20.97, C: 38.7023, H: 285.1279
L: 17.9923, a: 5.2191, b: -33.7554
cyan: 100 (1), magenta: 54 (0.5377), yellow: 0 (0), key: 58 (0.5843)
cyan: 100 (1), magenta: 81 (0.8078), yellow: 58 (0.5843)
Y: 40.847, I: -47.5021, Q: 7.3734
Y: 40.847, U: 32.0619, V: -35.8356
Y: 40.847, Db: 98.031, Dr: 77.686
Y: 51.084, Cb: 160.275, Cr: 102.442
Y: 42.667, Pb: 34.135, Pr: -27.122
5PB 2/8 (approximate)
#00316a / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00316a to White#00316a to Black#00316a foreground
<p style="color: #00316a">#00316a foreground</p>
#00316a background
<p style="background-color: #00316a; color: #fff">#00316a background</p>
#00316a border
<p style="border: #00316a 3px solid">#00316a border</p>
#00316a radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00316a, #fff); background: -webkit-radial-gradient(50% 50%, #00316a, #fff); background: -o-radial-gradient(50% 50%, #00316a, #fff); background: -ms-radial-gradient(50% 50%, #00316a, #fff); background: radial-gradient(50% 50%, #00316a, #fff); color: #fff">#00316a radial gradient</p>
#00316a linear gradient to complementary #6a3800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00316a, #6a3800); background: -webkit-linear-gradient(top, #00316a, #6a3800); background: -o-linear-gradient(top, #00316a, #6a3800); background: -ms-linear-gradient(top, #00316a, #6a3800); background: linear-gradient(top, #00316a, #6a3800); color: #fff">#00316a linear gradient to complementary #6a3800</p>
#00316a text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00316a">#00316a text shadow</p>
The matching paint colors are listed in order of relevancy to the #00316a 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 #00316a.
Jump to paint brand: