#3a4190
Hex Color CodeThe hexadecimal color code #3a4190
is a medium dark shade of blue. In the RGB color model #3a4190
is comprised of 22.75% red, 25.49% green and 56.47% blue. In the HSL color space #3a4190
has a hue of 235.12 degrees, 42.57% saturation and 39.61% lightness. This color has an approximate wavelength of 472 nm.
#3a4190
Color InformationInverted
#c5be6f 25% Saturated
#2f379a Grayscale
#656565
25% Lighter
#4851b4 Original
#3a4190 25% Darker
#2b306c
darkslateblue
#483d8b 25% Desaturated
#444a85 Web Safe: blue
#0000ff
rgb(58, 65, 144)
rgba(58, 65, 144, 1.0)
red: 22.7451%, yellow: 25.2836%, blue: 56.4706%
#3a4190
3817872
-12959344 / 0xff3a4190
hsl(235, 43%, 40%)
hsla(235, 43%, 40%, 1.0)
hue: 235 (235.1163), saturation: 60 (59.7222), value: 56 (56.4706)
X: 8.6693, Y: 6.6938, Z: 27.2207
x: 0.2036, y: 0.1572, Y: 6.6938
L: 31.0993, a: 22.0559, b: -44.7863
L: 31.0993, u: -6.4827, v: -61.6503
L: 31.0993, C: 49.9227, H: 296.2189
L: 25.8723, a: 14.5351, b: -44.2694
cyan: 60 (0.5972), magenta: 55 (0.5486), yellow: 0 (0), key: 44 (0.4353)
cyan: 77 (0.7725), magenta: 75 (0.7451), yellow: 44 (0.4353)
Y: 71.913, I: -29.5498, Q: 23.0995
Y: 71.913, U: 35.4746, V: -12.2058
Y: 71.913, Db: 108.457, Dr: 26.474
Y: 77.778, Cb: 163.717, Cr: 119.318
Y: 69.197, Pb: 40.305, Pr: -7.134
7.5PB 3/10 approximate; exact match: Munsell 7.5PB 3/10 / #374090
#3a4190
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3a4190
to White#3a4190
to Black#3a4190
foreground
<p style="color: #3a4190">#3a4190 foreground</p>
#3a4190
background
<p style="background-color: #3a4190; color: #fff">#3a4190 background</p>
#3a4190
border
<p style="border: #3a4190 3px solid">#3a4190 border</p>
#3a4190
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3a4190, #fff); background: -webkit-radial-gradient(50% 50%, #3a4190, #fff); background: -o-radial-gradient(50% 50%, #3a4190, #fff); background: -ms-radial-gradient(50% 50%, #3a4190, #fff); background: radial-gradient(50% 50%, #3a4190, #fff); color: #fff">#3a4190 radial gradient</p>
#3a4190
linear gradient to complementary #90883a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3a4190, #90883a); background: -webkit-linear-gradient(top, #3a4190, #90883a); background: -o-linear-gradient(top, #3a4190, #90883a); background: -ms-linear-gradient(top, #3a4190, #90883a); background: linear-gradient(top, #3a4190, #90883a); color: #fff">
#3a4190
linear gradient to complementary #90883a
</p>
#3a4190
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3a4190">#3a4190 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3a4190
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 #3a4190
.
Jump to paint brand: