Color Charts
RGB
CMYK
RYB
#003f9e Hex Color CodeThe hexadecimal color code #003f9e is a medium dark shade of cyan-blue. In the RGB color model #003f9e is comprised of 0% red, 24.71% green and 61.96% blue. In the HSL color space #003f9e has a hue of 216.08 degrees, 100% saturation and 30.98% lightness. This color has an approximate wavelength of 484 nm.
#003f9e Color InformationInverted
#ffc061 25% Saturated
#003e9e Grayscale
#4f4f4f
25% Lighter
#004ec5 Original
#003f9e 25% Darker
#002f76
darkslateblue
#483d8b 25% Desaturated
#13428a Web Safe: blue
#0000ff
rgb(0, 63, 158)
rgba(0, 63, 158, 1.0)
red: 0%, yellow: 17.663%, blue: 61.9608%
#003f9e
16286
-16760930 / 0xff003f9e
hsl(216, 100%, 31%)
hsla(216, 100%, 31%, 1.0)
hue: 216 (216.0759), saturation: 100 (100), value: 62 (61.9608)
X: 7.9491, Y: 6.0236, Z: 33.0915
x: 0.1689, y: 0.128, Y: 6.0236
L: 29.472, a: 22.6565, b: -56.0668
L: 29.472, u: -14.1415, v: -74.3092
L: 29.472, C: 60.4715, H: 292.0035
L: 24.5431, a: 14.8625, b: -62.7606
cyan: 100 (1), magenta: 60 (0.6013), yellow: 0 (0), key: 38 (0.3804)
cyan: 100 (1), magenta: 75 (0.7529), yellow: 38 (0.3804)
Y: 54.993, I: -68.0501, Q: 16.2361
Y: 54.993, U: 50.6898, V: -48.2459
Y: 54.993, Db: 154.985, Dr: 104.594
Y: 63.236, Cb: 179.029, Cr: 93.598
Y: 56.421, Pb: 54.745, Pr: -35.87
7.5PB 3/12 approximate; exact match: Munsell 7.5PB 3/12 / #343d9c
#003f9e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003f9e to White#003f9e to Black#003f9e foreground
<p style="color: #003f9e">#003f9e foreground</p>
#003f9e background
<p style="background-color: #003f9e; color: #fff">#003f9e background</p>
#003f9e border
<p style="border: #003f9e 3px solid">#003f9e border</p>
#003f9e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003f9e, #fff); background: -webkit-radial-gradient(50% 50%, #003f9e, #fff); background: -o-radial-gradient(50% 50%, #003f9e, #fff); background: -ms-radial-gradient(50% 50%, #003f9e, #fff); background: radial-gradient(50% 50%, #003f9e, #fff); color: #fff">#003f9e radial gradient</p>
#003f9e linear gradient to complementary #9e5f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003f9e, #9e5f00); background: -webkit-linear-gradient(top, #003f9e, #9e5f00); background: -o-linear-gradient(top, #003f9e, #9e5f00); background: -ms-linear-gradient(top, #003f9e, #9e5f00); background: linear-gradient(top, #003f9e, #9e5f00); color: #fff">#003f9e linear gradient to complementary #9e5f00</p>
#003f9e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003f9e">#003f9e text shadow</p>
The matching paint colors are listed in order of relevancy to the #003f9e 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 #003f9e.
Jump to paint brand: