Color Charts
RGB
CMYK
RYB
#003f9c Hex Color CodeThe hexadecimal color code #003f9c is a medium dark shade of cyan-blue. In the RGB color model #003f9c is comprised of 0% red, 24.71% green and 61.18% blue. In the HSL color space #003f9c has a hue of 215.77 degrees, 100% saturation and 30.59% lightness. This color has an approximate wavelength of 484 nm.
#003f9c Color InformationInverted
#ffc063 25% Saturated
#003e9c Grayscale
#4e4e4e
25% Lighter
#004ec3 Original
#003f9c 25% Darker
#002f75
darkslateblue
#483d8b 25% Desaturated
#134288 Web Safe: blue
#0000ff
rgb(0, 63, 156)
rgba(0, 63, 156, 1.0)
red: 0%, yellow: 17.5987%, blue: 61.1765%
#003f9c
16284
-16760932 / 0xff003f9c
hsl(216, 100%, 31%)
hsla(216, 100%, 31%, 1.0)
hue: 216 (215.7692), saturation: 100 (100), value: 61 (61.1765)
X: 7.7783, Y: 5.9553, Z: 32.192
x: 0.1694, y: 0.1297, Y: 5.9553
L: 29.2994, a: 21.8229, b: -55.1349
L: 29.2994, u: -14.1699, v: -72.9822
L: 29.2994, C: 59.2966, H: 291.5941
L: 24.4035, a: 14.1881, b: -61.1303
cyan: 100 (1), magenta: 60 (0.5962), yellow: 0 (0), key: 39 (0.3882)
cyan: 100 (1), magenta: 75 (0.7529), yellow: 39 (0.3882)
Y: 54.765, I: -67.4076, Q: 15.6138
Y: 54.765, U: 49.8178, V: -48.0459
Y: 54.765, Db: 152.319, Dr: 104.16
Y: 63.04, Cb: 178.151, Cr: 93.74
Y: 56.277, Pb: 53.745, Pr: -35.778
7.5PB 3/12 approximate; exact match: Munsell 7.5PB 3/12 / #343d9c
#003f9c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003f9c to White#003f9c to Black#003f9c foreground
<p style="color: #003f9c">#003f9c foreground</p>
#003f9c background
<p style="background-color: #003f9c; color: #fff">#003f9c background</p>
#003f9c border
<p style="border: #003f9c 3px solid">#003f9c border</p>
#003f9c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003f9c, #fff); background: -webkit-radial-gradient(50% 50%, #003f9c, #fff); background: -o-radial-gradient(50% 50%, #003f9c, #fff); background: -ms-radial-gradient(50% 50%, #003f9c, #fff); background: radial-gradient(50% 50%, #003f9c, #fff); color: #fff">#003f9c radial gradient</p>
#003f9c linear gradient to complementary #9c5d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003f9c, #9c5d00); background: -webkit-linear-gradient(top, #003f9c, #9c5d00); background: -o-linear-gradient(top, #003f9c, #9c5d00); background: -ms-linear-gradient(top, #003f9c, #9c5d00); background: linear-gradient(top, #003f9c, #9c5d00); color: #fff">#003f9c linear gradient to complementary #9c5d00</p>
#003f9c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003f9c">#003f9c text shadow</p>
The matching paint colors are listed in order of relevancy to the #003f9c 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 #003f9c.
Jump to paint brand: