HEX #677DC2 color — Blue Marguerite

The color #677DC2 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

677DC2 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(225,43%,98%)
#e5e9f5 rgb(229,233,245) hsl(225,43%,93%)
#d3daee rgb(211,218,238) hsl(225,43%,88%)
#c1cae6 rgb(193,202,230) hsl(225,43%,83%)
#afbbdf rgb(175,187,223) hsl(225,43%,78%)
#9dabd8 rgb(157,171,216) hsl(225,43%,73%)
#8a9cd0 rgb(138,156,208) hsl(225,43%,68%)
#788cc9 rgb(120,140,201) hsl(225,43%,63%)
#667dc2 rgb(102,125,194) hsl(225,43%,58%)
#546dbb rgb(84,109,187) hsl(225,43%,53%)
#4660af rgb(70,96,175) hsl(225,43%,48%)
#3f569d rgb(63,86,157) hsl(225,43%,43%)
#374c8b rgb(55,76,139) hsl(225,43%,38%)
#304278 rgb(48,66,120) hsl(225,43%,33%)
#293866 rgb(41,56,102) hsl(225,43%,28%)
#212e54 rgb(33,46,84) hsl(225,43%,23%)
#1a2442 rgb(26,36,66) hsl(225,43%,18%)
#131a2f rgb(19,26,47) hsl(225,43%,13%)
#0c101d rgb(12,16,29) hsl(225,43%,8%)
#04060b rgb(4,6,11) hsl(225,43%,3%)

Adjacent colors

HEX RGB HSL
#67BAC2 rgb(103,186,194) hsl(185,43%,58%)
#677DC2 rgb(103,125,194) hsl(225,43%,58%)
#8D66C2 rgb(141,102,194) hsl(265,43%,58%)

Monochromatic colors

HEX RGB HSL
#AAB8DD rgb(170,184,221) hsl(224,43%,77%)
#8899CF rgb(136,153,207) hsl(226,43%,67%)
#677DC2 rgb(103,125,194) hsl(225,43%,58%)
#4761B2 rgb(71,97,178) hsl(225,43%,49%)
#394F90 rgb(57,79,144) hsl(225,43%,39%)
#2C3D6E rgb(44,61,110) hsl(225,43%,30%)

Triad color palettes

HEX RGB HSL
#677DC2 rgb(103,125,194) hsl(225,43%,58%)
#C28067 rgb(194,128,103) hsl(16,43%,58%)
#AAC267 rgb(170,194,103) hsl(76,43%,58%)

Tetrad color palettes

HEX RGB HSL
#677DC2 rgb(103,125,194) hsl(225,43%,58%)
#C2AB67 rgb(194,171,103) hsl(45,43%,58%)
#67ABC2 rgb(103,171,194) hsl(195,43%,58%)
#AAC267 rgb(170,194,103) hsl(76,43%,58%)