Color Charts
RGB
CMYK
RYB
#003086 Hex Color CodeThe hexadecimal color code #003086 is a medium dark shade of cyan-blue. In the RGB color model #003086 is comprised of 0% red, 18.82% green and 52.55% blue. In the HSL color space #003086 has a hue of 218.51 degrees, 100% saturation and 26.27% lightness. This color has an approximate wavelength of 482 nm.
#003086 Color InformationInverted
#ffcf79 25% Saturated
#002f86 Grayscale
#434343
25% Lighter
#003ba7 Original
#003086 25% Darker
#002364
midnightblue
#191970 25% Desaturated
#103475 Web Safe: navy
#000080
rgb(0, 48, 134)
rgba(0, 48, 134, 1.0)
red: 0%, yellow: 13.8591%, blue: 52.549%
#003086
12422
-16764794 / 0xff003086
hsl(219, 100%, 26%)
hsla(219, 100%, 26%, 1.0)
hue: 219 (218.5075), saturation: 100 (100), value: 53 (52.549)
X: 5.36, Y: 3.8351, Z: 23.012
x: 0.1664, y: 0.1191, Y: 3.8351
L: 23.1187, a: 23.1248, b: -51.6858
L: 23.1187, u: -10.6152, v: -62.1216
L: 23.1187, C: 56.6231, H: 294.1043
L: 19.5835, a: 14.5845, b: -55.9615
cyan: 100 (1), magenta: 64 (0.6418), yellow: 0 (0), key: 47 (0.4745)
cyan: 100 (1), magenta: 81 (0.8118), yellow: 47 (0.4745)
Y: 43.452, I: -56.223, Q: 16.6077
Y: 43.452, U: 44.5587, V: -38.1209
Y: 43.452, Db: 136.238, Dr: 82.646
Y: 53.324, Cb: 172.858, Cr: 100.822
Y: 43.968, Pb: 48.52, Pr: -27.956
5PB 2/12 (approximate)
#003086 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003086 to White#003086 to Black#003086 foreground
<p style="color: #003086">#003086 foreground</p>
#003086 background
<p style="background-color: #003086; color: #fff">#003086 background</p>
#003086 border
<p style="border: #003086 3px solid">#003086 border</p>
#003086 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003086, #fff); background: -webkit-radial-gradient(50% 50%, #003086, #fff); background: -o-radial-gradient(50% 50%, #003086, #fff); background: -ms-radial-gradient(50% 50%, #003086, #fff); background: radial-gradient(50% 50%, #003086, #fff); color: #fff">#003086 radial gradient</p>
#003086 linear gradient to complementary #865600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003086, #865600); background: -webkit-linear-gradient(top, #003086, #865600); background: -o-linear-gradient(top, #003086, #865600); background: -ms-linear-gradient(top, #003086, #865600); background: linear-gradient(top, #003086, #865600); color: #fff">#003086 linear gradient to complementary #865600</p>
#003086 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003086">#003086 text shadow</p>
The matching paint colors are listed in order of relevancy to the #003086 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 #003086.
Jump to paint brand: