Color Charts
RGB
CMYK
RYB
#003b7e Hex Color CodeThe hexadecimal color code #003b7e is a dark shade of cyan-blue. In the RGB color model #003b7e is comprised of 0% red, 23.14% green and 49.41% blue. In the HSL color space #003b7e has a hue of 211.9 degrees, 100% saturation and 24.71% lightness. This color has an approximate wavelength of 487 nm.
#003b7e Color InformationInverted
#ffc481 25% Saturated
#003a7e Grayscale
#3f3f3f
25% Lighter
#00499d Original
#003b7e 25% Darker
#002c5e
darkslateblue
#483d8b 25% Desaturated
#0f3b6e Web Safe: blue
#0000ff
rgb(0, 59, 126)
rgba(0, 59, 126, 1.0)
red: 0%, yellow: 15.7583%, blue: 49.4118%
#003b7e
15230
-16761986 / 0xff003b7e
hsl(212, 100%, 25%)
hsla(212, 100%, 25%, 1.0)
hue: 212 (211.9048), saturation: 100 (100), value: 49 (49.4118)
X: 5.3299, Y: 4.6343, Z: 20.3523
x: 0.1758, y: 0.1529, Y: 4.6343
L: 25.6664, a: 11.7833, b: -42.5144
L: 25.6664, u: -13.6685, v: -53.8638
L: 25.6664, C: 44.1171, H: 285.4912
L: 21.5274, a: 6.521, b: -40.9843
cyan: 100 (1), magenta: 53 (0.5317), yellow: 0 (0), key: 51 (0.5059)
cyan: 100 (1), magenta: 77 (0.7686), yellow: 51 (0.5059)
Y: 48.997, I: -56.6719, Q: 8.3701
Y: 48.997, U: 37.8933, V: -42.9857
Y: 48.997, Db: 115.861, Dr: 93.186
Y: 58.084, Cb: 166.145, Cr: 97.342
Y: 51.257, Pb: 40.285, Pr: -32.582
5PB 2/8 (approximate)
#003b7e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003b7e to White#003b7e to Black#003b7e foreground
<p style="color: #003b7e">#003b7e foreground</p>
#003b7e background
<p style="background-color: #003b7e; color: #fff">#003b7e background</p>
#003b7e border
<p style="border: #003b7e 3px solid">#003b7e border</p>
#003b7e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003b7e, #fff); background: -webkit-radial-gradient(50% 50%, #003b7e, #fff); background: -o-radial-gradient(50% 50%, #003b7e, #fff); background: -ms-radial-gradient(50% 50%, #003b7e, #fff); background: radial-gradient(50% 50%, #003b7e, #fff); color: #fff">#003b7e radial gradient</p>
#003b7e linear gradient to complementary #7e4300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003b7e, #7e4300); background: -webkit-linear-gradient(top, #003b7e, #7e4300); background: -o-linear-gradient(top, #003b7e, #7e4300); background: -ms-linear-gradient(top, #003b7e, #7e4300); background: linear-gradient(top, #003b7e, #7e4300); color: #fff">#003b7e linear gradient to complementary #7e4300</p>
#003b7e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003b7e">#003b7e text shadow</p>
The matching paint colors are listed in order of relevancy to the #003b7e 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 #003b7e.
Jump to paint brand: