HEX #344AA5 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

344AA5 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(228,52%,98%)
#e4e8f6 rgb(228,232,246) hsl(228,52%,93%)
#d0d7f0 rgb(208,215,240) hsl(228,52%,88%)
#bdc6ea rgb(189,198,234) hsl(228,52%,83%)
#aab5e4 rgb(170,181,228) hsl(228,52%,78%)
#96a5de rgb(150,165,222) hsl(228,52%,73%)
#8394d8 rgb(131,148,216) hsl(228,52%,68%)
#7083d2 rgb(112,131,210) hsl(228,52%,63%)
#5c72cc rgb(92,114,204) hsl(228,52%,58%)
#4962c5 rgb(73,98,197) hsl(228,52%,53%)
#3b54ba rgb(59,84,186) hsl(228,52%,48%)
#354ba7 rgb(53,75,167) hsl(228,52%,43%)
#2f4393 rgb(47,67,147) hsl(228,52%,38%)
#283a80 rgb(40,58,128) hsl(228,52%,33%)
#22316d rgb(34,49,109) hsl(228,52%,28%)
#1c2859 rgb(28,40,89) hsl(228,52%,23%)
#162046 rgb(22,32,70) hsl(228,52%,18%)
#101732 rgb(16,23,50) hsl(228,52%,13%)
#0a0e1f rgb(10,14,31) hsl(228,52%,8%)
#04050c rgb(4,5,12) hsl(228,52%,3%)

Adjacent colors

HEX RGB HSL
#3496A5 rgb(52,150,165) hsl(188,52%,43%)
#344AA5 rgb(52,74,165) hsl(228,52%,43%)
#6933A5 rgb(105,51,165) hsl(268,53%,42%)

Monochromatic colors

HEX RGB HSL
#556BC9 rgb(85,107,201) hsl(229,52%,56%)
#3C57BF rgb(60,87,191) hsl(228,52%,49%)
#344AA5 rgb(52,74,165) hsl(228,52%,43%)
#2B3D8A rgb(43,61,138) hsl(229,52%,35%)
#233370 rgb(35,51,112) hsl(228,52%,29%)
#1B2655 rgb(27,38,85) hsl(229,52%,22%)

Triad color palettes

HEX RGB HSL
#344AA5 rgb(52,74,165) hsl(228,52%,43%)
#A55734 rgb(165,87,52) hsl(19,52%,43%)
#82A634 rgb(130,166,52) hsl(79,52%,43%)

Tetrad color palettes

HEX RGB HSL
#344AA5 rgb(52,74,165) hsl(228,52%,43%)
#A58F34 rgb(165,143,52) hsl(48,52%,43%)
#3482A5 rgb(52,130,165) hsl(199,52%,43%)
#82A634 rgb(130,166,52) hsl(79,52%,43%)