#103e76
Hex Color CodeThe hexadecimal color code #103e76
is a medium dark shade of cyan-blue. In the RGB color model #103e76
is comprised of 6.27% red, 24.31% green and 46.27% blue. In the HSL color space #103e76
has a hue of 212.94 degrees, 76.12% saturation and 26.27% lightness. This color has an approximate wavelength of 486 nm.
#103e76
Color InformationInverted
#efc189 25% Saturated
#033c82 Grayscale
#434343
25% Lighter
#144d93 Original
#103e76 25% Darker
#0c2e58
darkslateblue
#483d8b 25% Desaturated
#1c3f69 Web Safe: blue
#0000ff
rgb(16, 62, 118)
rgba(16, 62, 118, 1.0)
red: 6.2745%, yellow: 18.7069%, blue: 46.2745%
#103e76
1064566
-15712650 / 0xff103e76
hsl(213, 76%, 26%)
hsla(213, 76%, 26%, 1.0)
hue: 213 (212.9412), saturation: 86 (86.4407), value: 46 (46.2745)
X: 5.2063, Y: 4.8634, Z: 17.8039
x: 0.1868, y: 0.1745, Y: 4.8634
L: 26.342, a: 7.3807, b: -36.3623
L: 26.342, u: -13.5457, v: -46.4542
L: 26.342, C: 37.1038, H: 281.4739
L: 22.0531, a: 3.5474, b: -32.4286
cyan: 86 (0.8644), magenta: 47 (0.4746), yellow: 0 (0), key: 54 (0.5373)
cyan: 94 (0.9373), magenta: 76 (0.7569), yellow: 54 (0.5373)
Y: 54.63, I: -45.3937, Q: 7.6966
Y: 54.63, U: 31.1846, V: -33.8906
Y: 54.63, Db: 95.348, Dr: 73.47
Y: 62.924, Cb: 159.392, Cr: 103.83
Y: 56.234, Pb: 33.29, Pr: -25.576
5PB 3/8 approximate; exact match: Munsell 5PB 3/8 / #194884
#103e76
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#103e76
to White#103e76
to Black#103e76
foreground
<p style="color: #103e76">#103e76 foreground</p>
#103e76
background
<p style="background-color: #103e76; color: #fff">#103e76 background</p>
#103e76
border
<p style="border: #103e76 3px solid">#103e76 border</p>
#103e76
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #103e76, #fff); background: -webkit-radial-gradient(50% 50%, #103e76, #fff); background: -o-radial-gradient(50% 50%, #103e76, #fff); background: -ms-radial-gradient(50% 50%, #103e76, #fff); background: radial-gradient(50% 50%, #103e76, #fff); color: #fff">#103e76 radial gradient</p>
#103e76
linear gradient to complementary #764810
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #103e76, #764810); background: -webkit-linear-gradient(top, #103e76, #764810); background: -o-linear-gradient(top, #103e76, #764810); background: -ms-linear-gradient(top, #103e76, #764810); background: linear-gradient(top, #103e76, #764810); color: #fff">
#103e76
linear gradient to complementary #764810
</p>
#103e76
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #103e76">#103e76 text shadow</p>
The matching paint colors are listed in order of relevancy to the #103e76
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 #103e76
.
Jump to paint brand: