Color Charts
RGB
CMYK
RYB
#003563 Hex Color CodeThe hexadecimal color code #003563 is a dark shade of cyan-blue. In the RGB color model #003563 is comprised of 0% red, 20.78% green and 38.82% blue. In the HSL color space #003563 has a hue of 207.88 degrees, 100% saturation and 19.41% lightness. This color has an approximate wavelength of 489 nm.
#003563 Color InformationInverted
#ffca9c 25% Saturated
#003563 Grayscale
#313131
25% Lighter
#00427b Original
#003563 25% Darker
#00274a
midnightblue
#191970 25% Desaturated
#0c3456 Web Safe: navy
#000080
rgb(0, 53, 99)
rgba(0, 53, 99, 1.0)
red: 0%, yellow: 13.5372%, blue: 38.8235%
#003563
13667
-16763549 / 0xff003563
hsl(208, 100%, 19%)
hsla(208, 100%, 19%, 1.0)
hue: 208 (207.8788), saturation: 100 (100), value: 39 (38.8235)
X: 3.5252, Y: 3.4471, Z: 12.2839
x: 0.1831, y: 0.179, Y: 3.4471
L: 21.7521, a: 4.0207, b: -31.5499
L: 21.7521, u: -12.642, v: -37.1647
L: 21.7521, C: 31.8051, H: 277.2625
L: 18.5663, a: 1.4014, b: -26.2315
cyan: 100 (1), magenta: 46 (0.4646), yellow: 0 (0), key: 61 (0.6118)
cyan: 100 (1), magenta: 79 (0.7922), yellow: 61 (0.6118)
Y: 42.397, I: -46.351, Q: 3.105
Y: 42.397, U: 27.8544, V: -37.1955
Y: 42.397, Db: 85.168, Dr: 80.631
Y: 52.414, Cb: 156.038, Cr: 101.467
Y: 45.023, Pb: 29.095, Pr: -28.616
5PB 2/6 approximate; exact match: Munsell 5PB 2/6 / #13305d
#003563 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003563 to White#003563 to Black#003563 foreground
<p style="color: #003563">#003563 foreground</p>
#003563 background
<p style="background-color: #003563; color: #fff">#003563 background</p>
#003563 border
<p style="border: #003563 3px solid">#003563 border</p>
#003563 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003563, #fff); background: -webkit-radial-gradient(50% 50%, #003563, #fff); background: -o-radial-gradient(50% 50%, #003563, #fff); background: -ms-radial-gradient(50% 50%, #003563, #fff); background: radial-gradient(50% 50%, #003563, #fff); color: #fff">#003563 radial gradient</p>
#003563 linear gradient to complementary #632e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003563, #632e00); background: -webkit-linear-gradient(top, #003563, #632e00); background: -o-linear-gradient(top, #003563, #632e00); background: -ms-linear-gradient(top, #003563, #632e00); background: linear-gradient(top, #003563, #632e00); color: #fff">#003563 linear gradient to complementary #632e00</p>
#003563 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003563">#003563 text shadow</p>
The matching paint colors are listed in order of relevancy to the #003563 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 #003563.
Jump to paint brand: