#003b77
Hex Color CodeThe hexadecimal color code #003b77
is a dark shade of cyan-blue. In the RGB color model #003b77
is comprised of 0% red, 23.14% green and 46.67% blue. In the HSL color space #003b77
has a hue of 210.25 degrees, 100% saturation and 23.33% lightness. This color has an approximate wavelength of 488 nm.
#003b77
Color InformationInverted
#ffc488 25% Saturated
#003a76 Grayscale
#3b3b3b
25% Lighter
#004994 Original
#003b77 25% Darker
#002c59
darkslateblue
#483d8b 25% Desaturated
#0e3b68 Web Safe: blue
#0000ff
rgb(0, 59, 119)
rgba(0, 59, 119, 1.0)
red: 0%, yellow: 15.4682%, blue: 46.6667%
#003b77
15223
-16761993 / 0xff003b77
hsl(210, 100%, 23%)
hsla(210, 100%, 23%, 1.0)
hue: 210 (210.2521), saturation: 100 (100), value: 47 (46.6667)
X: 4.8937, Y: 4.4598, Z: 18.0557
x: 0.1785, y: 0.1627, Y: 4.4598
L: 25.1369, a: 8.6965, b: -38.9533
L: 25.1369, u: -13.8658, v: -48.9093
L: 25.1369, C: 39.9123, H: 282.5851
L: 21.1183, a: 4.4066, b: -35.9087
cyan: 100 (1), magenta: 50 (0.5042), yellow: 0 (0), key: 53 (0.5333)
cyan: 100 (1), magenta: 77 (0.7686), yellow: 53 (0.5333)
Y: 48.199, I: -54.423, Q: 6.1922
Y: 48.199, U: 34.8413, V: -42.2856
Y: 48.199, Db: 106.53, Dr: 91.667
Y: 57.398, Cb: 163.072, Cr: 97.839
Y: 50.753, Pb: 36.785, Pr: -32.26
5PB 2/8 (approximate)
#003b77
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003b77
to White#003b77
to Black#003b77
foreground
<p style="color: #003b77">#003b77 foreground</p>
#003b77
background
<p style="background-color: #003b77; color: #fff">#003b77 background</p>
#003b77
border
<p style="border: #003b77 3px solid">#003b77 border</p>
#003b77
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003b77, #fff); background: -webkit-radial-gradient(50% 50%, #003b77, #fff); background: -o-radial-gradient(50% 50%, #003b77, #fff); background: -ms-radial-gradient(50% 50%, #003b77, #fff); background: radial-gradient(50% 50%, #003b77, #fff); color: #fff">#003b77 radial gradient</p>
#003b77
linear gradient to complementary #763c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003b77, #763c00); background: -webkit-linear-gradient(top, #003b77, #763c00); background: -o-linear-gradient(top, #003b77, #763c00); background: -ms-linear-gradient(top, #003b77, #763c00); background: linear-gradient(top, #003b77, #763c00); color: #fff">
#003b77
linear gradient to complementary #763c00
</p>
#003b77
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003b77">#003b77 text shadow</p>
The matching paint colors are listed in order of relevancy to the #003b77
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 #003b77
.
Jump to paint brand: