HEX #344CAD color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

344cad color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(228,54%,99%)
#e7ebf8 rgb(231,235,248) hsl(228,54%,94%)
#d4daf2 rgb(212,218,242) hsl(228,54%,89%)
#c0c9ec rgb(192,201,236) hsl(228,54%,84%)
#adb8e6 rgb(173,184,230) hsl(228,54%,79%)
#99a7e1 rgb(153,167,225) hsl(228,54%,74%)
#8596db rgb(133,150,219) hsl(228,54%,69%)
#7285d5 rgb(114,133,213) hsl(228,54%,64%)
#5e75cf rgb(94,117,207) hsl(228,54%,59%)
#4a64c9 rgb(74,100,201) hsl(228,54%,54%)
#3954c0 rgb(57,84,192) hsl(228,54%,49%)
#344cad rgb(52,76,173) hsl(228,54%,44%)
#2e4399 rgb(46,67,153) hsl(228,54%,39%)
#283b86 rgb(40,59,134) hsl(228,54%,34%)
#223272 rgb(34,50,114) hsl(228,54%,29%)
#1c295e rgb(28,41,94) hsl(228,54%,24%)
#16214b rgb(22,33,75) hsl(228,54%,19%)
#101837 rgb(16,24,55) hsl(228,54%,14%)
#0b1023 rgb(11,16,35) hsl(228,54%,9%)
#050710 rgb(5,7,16) hsl(228,54%,4%)

Adjacent colors

HEX RGB HSL
#349CAD rgb(52,156,173) hsl(188,54%,44%)
#344CAD rgb(52,76,173) hsl(228,54%,44%)
#6C33AD rgb(108,51,173) hsl(268,54%,44%)

Monochromatic colors

HEX RGB HSL
#5B73CD rgb(91,115,205) hsl(227,53%,58%)
#3F59C5 rgb(63,89,197) hsl(228,54%,51%)
#344CAD rgb(52,76,173) hsl(228,54%,44%)
#2B4091 rgb(43,64,145) hsl(228,54%,37%)
#233375 rgb(35,51,117) hsl(228,54%,30%)
#1B2659 rgb(27,38,89) hsl(229,53%,23%)

Triad color palettes

HEX RGB HSL
#344CAD rgb(52,76,173) hsl(228,54%,44%)
#AD5934 rgb(173,89,52) hsl(18,54%,44%)
#88AD34 rgb(136,173,52) hsl(78,54%,44%)

Tetrad color palettes

HEX RGB HSL
#344CAD rgb(52,76,173) hsl(228,54%,44%)
#AD9434 rgb(173,148,52) hsl(48,54%,44%)
#348AAD rgb(52,138,173) hsl(197,54%,44%)
#88AD34 rgb(136,173,52) hsl(78,54%,44%)