Color Charts
RGB
CMYK
RYB
#3a4372 Hex Color CodeThe hexadecimal color code #3a4372 is a medium dark shade of blue. In the RGB color model #3a4372 is comprised of 22.75% red, 26.27% green and 44.71% blue. In the HSL color space #3a4372 has a hue of 230.36 degrees, 32.56% saturation and 33.73% lightness. This color has an approximate wavelength of 475 nm. Vallejo 70.809 #54 is a matching paint color.
#3a4372 Color InformationInverted
#c5bc8d 25% Saturated
#333e79 Grayscale
#565656
25% Lighter
#48538e Original
#3a4372 25% Darker
#2b3255
darkslateblue
#483d8b 25% Desaturated
#41476b Web Safe: blue
#0000ff
rgb(58, 67, 114)
rgba(58, 67, 114, 1.0)
red: 22.7451%, yellow: 25.7858%, blue: 44.7059%
#3a4372
3818354
-12958862 / 0xff3a4372
hsl(230, 33%, 34%)
hsla(230, 33%, 34%, 1.0)
hue: 230 (230.3571), saturation: 49 (49.1228), value: 45 (44.7059)
X: 6.7893, Y: 6.1288, Z: 16.7447
x: 0.2289, y: 0.2066, Y: 6.1288
L: 29.735, a: 10.3257, b: -28.2991
L: 29.735, u: -5.9995, v: -37.8943
L: 29.735, C: 30.1241, H: 290.0459
L: 24.7563, a: 5.6295, b: -22.7732
cyan: 49 (0.4912), magenta: 41 (0.4123), yellow: 0 (0), key: 55 (0.5529)
cyan: 77 (0.7725), magenta: 74 (0.7373), yellow: 55 (0.5529)
Y: 69.667, I: -20.4608, Q: 12.7202
Y: 69.667, U: 21.8168, V: -10.2355
Y: 69.667, Db: 66.701, Dr: 22.196
Y: 75.846, Cb: 149.965, Cr: 120.712
Y: 68.467, Pb: 24.535, Pr: -6.662
7.5PB 3/6 approximate; exact match: Munsell 7.5PB 3/6 / #3f4377
#3a4372 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3a4372 to White#3a4372 to Black#3a4372 foreground
<p style="color: #3a4372">#3a4372 foreground</p>
#3a4372 background
<p style="background-color: #3a4372; color: #fff">#3a4372 background</p>
#3a4372 border
<p style="border: #3a4372 3px solid">#3a4372 border</p>
#3a4372 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3a4372, #fff); background: -webkit-radial-gradient(50% 50%, #3a4372, #fff); background: -o-radial-gradient(50% 50%, #3a4372, #fff); background: -ms-radial-gradient(50% 50%, #3a4372, #fff); background: radial-gradient(50% 50%, #3a4372, #fff); color: #fff">#3a4372 radial gradient</p>
#3a4372 linear gradient to complementary #726939
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3a4372, #726939); background: -webkit-linear-gradient(top, #3a4372, #726939); background: -o-linear-gradient(top, #3a4372, #726939); background: -ms-linear-gradient(top, #3a4372, #726939); background: linear-gradient(top, #3a4372, #726939); color: #fff">#3a4372 linear gradient to complementary #726939</p>
#3a4372 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3a4372">#3a4372 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3a4372 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 #3a4372.
Jump to paint brand: