#344b83
Hex Color CodeThe hexadecimal color code #344b83
is a medium dark shade of blue. In the RGB color model #344b83
is comprised of 20.39% red, 29.41% green and 51.37% blue. In the HSL color space #344b83
has a hue of 222.53 degrees, 43.17% saturation and 35.88% lightness. This color has an approximate wavelength of 480 nm. Colortrend 0599 and Diamond Vogel Florida Waters / 0599 are matching paint colors.
#344b83
Color InformationInverted
#cbb47c 25% Saturated
#2a468c Grayscale
#5b5b5b
25% Lighter
#415da3 Original
#344b83 25% Darker
#263862
darkslateblue
#483d8b 25% Desaturated
#3d4f79 Web Safe: blue
#0000ff
rgb(52, 75, 131)
rgba(52, 75, 131, 1.0)
red: 20.3922%, yellow: 27.3779%, blue: 51.3725%
#344b83
3427203
-13350013 / 0xff344b83
hsl(223, 43%, 36%)
hsla(223, 43%, 36%, 1.0)
hue: 223 (222.5316), saturation: 60 (60.3053), value: 51 (51.3725)
X: 8.029, Y: 7.4009, Z: 22.4781
x: 0.2118, y: 0.1952, Y: 7.4009
L: 32.7027, a: 9.4615, b: -34.2331
L: 32.7027, u: -10.8899, v: -47.251
L: 32.7027, C: 35.5166, H: 285.4499
L: 27.2046, a: 5.0732, b: -29.9457
cyan: 60 (0.6031), magenta: 43 (0.4275), yellow: 0 (0), key: 49 (0.4863)
cyan: 80 (0.7961), magenta: 71 (0.7059), yellow: 49 (0.4863)
Y: 74.507, I: -31.6922, Q: 12.5601
Y: 74.507, U: 27.8007, V: -19.7456
Y: 74.507, Db: 84.998, Dr: 42.811
Y: 80.002, Cb: 155.988, Cr: 113.927
Y: 74.133, Pb: 30.645, Pr: -14.076
5PB 3/8 approximate; exact match: Munsell 5PB 3/8 / #194884
#344b83
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#344b83
to White#344b83
to Black#344b83
foreground
<p style="color: #344b83">#344b83 foreground</p>
#344b83
background
<p style="background-color: #344b83; color: #fff">#344b83 background</p>
#344b83
border
<p style="border: #344b83 3px solid">#344b83 border</p>
#344b83
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #344b83, #fff); background: -webkit-radial-gradient(50% 50%, #344b83, #fff); background: -o-radial-gradient(50% 50%, #344b83, #fff); background: -ms-radial-gradient(50% 50%, #344b83, #fff); background: radial-gradient(50% 50%, #344b83, #fff); color: #fff">#344b83 radial gradient</p>
#344b83
linear gradient to complementary #836b33
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #344b83, #836b33); background: -webkit-linear-gradient(top, #344b83, #836b33); background: -o-linear-gradient(top, #344b83, #836b33); background: -ms-linear-gradient(top, #344b83, #836b33); background: linear-gradient(top, #344b83, #836b33); color: #fff">
#344b83
linear gradient to complementary #836b33
</p>
#344b83
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #344b83">#344b83 text shadow</p>
The matching paint colors are listed in order of relevancy to the #344b83
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 #344b83
.
Jump to paint brand: