HEX #344DA5 color — Sapphire

The color #344DA5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

344DA5 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(227,52%,98%)
#e4e8f6 rgb(228,232,246) hsl(227,52%,93%)
#d0d7f0 rgb(208,215,240) hsl(227,52%,88%)
#bdc7ea rgb(189,199,234) hsl(227,52%,83%)
#aab6e4 rgb(170,182,228) hsl(227,52%,78%)
#96a6de rgb(150,166,222) hsl(227,52%,73%)
#8395d8 rgb(131,149,216) hsl(227,52%,68%)
#7085d2 rgb(112,133,210) hsl(227,52%,63%)
#5c74cc rgb(92,116,204) hsl(227,52%,58%)
#4964c5 rgb(73,100,197) hsl(227,52%,53%)
#3b56ba rgb(59,86,186) hsl(227,52%,48%)
#354da7 rgb(53,77,167) hsl(227,52%,43%)
#2f4493 rgb(47,68,147) hsl(227,52%,38%)
#283b80 rgb(40,59,128) hsl(227,52%,33%)
#22326d rgb(34,50,109) hsl(227,52%,28%)
#1c2959 rgb(28,41,89) hsl(227,52%,23%)
#162046 rgb(22,32,70) hsl(227,52%,18%)
#101732 rgb(16,23,50) hsl(227,52%,13%)
#0a0e1f rgb(10,14,31) hsl(227,52%,8%)
#04050c rgb(4,5,12) hsl(227,52%,3%)

Adjacent colors

HEX RGB HSL
#3499A5 rgb(52,153,165) hsl(186,52%,43%)
#344DA5 rgb(52,77,165) hsl(227,52%,43%)
#6633A5 rgb(102,51,165) hsl(267,53%,42%)

Monochromatic colors

HEX RGB HSL
#556EC9 rgb(85,110,201) hsl(227,52%,56%)
#3C59BF rgb(60,89,191) hsl(227,52%,49%)
#344DA5 rgb(52,77,165) hsl(227,52%,43%)
#2B408A rgb(43,64,138) hsl(227,52%,35%)
#233670 rgb(35,54,112) hsl(225,52%,29%)
#1B2955 rgb(27,41,85) hsl(226,52%,22%)

Triad color palettes

HEX RGB HSL
#344DA5 rgb(52,77,165) hsl(227,52%,43%)
#A55434 rgb(165,84,52) hsl(17,52%,43%)
#85A634 rgb(133,166,52) hsl(77,52%,43%)

Tetrad color palettes

HEX RGB HSL
#344DA5 rgb(52,77,165) hsl(227,52%,43%)
#A58C34 rgb(165,140,52) hsl(47,52%,43%)
#3485A5 rgb(52,133,165) hsl(197,52%,43%)
#85A634 rgb(133,166,52) hsl(77,52%,43%)