HEX #686BD5 color — Moody Blue

The color #686BD5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

686BD5 color palette from light to dark

HEX RGB HSL
#f3f3fc rgb(243,243,252) hsl(238,56%,97%)
#dfe0f6 rgb(223,224,246) hsl(238,56%,92%)
#cbcdf0 rgb(203,205,240) hsl(238,56%,87%)
#b7b9eb rgb(183,185,235) hsl(238,56%,82%)
#a4a6e5 rgb(164,166,229) hsl(238,56%,77%)
#9092e0 rgb(144,146,224) hsl(238,56%,72%)
#7c7fda rgb(124,127,218) hsl(238,56%,67%)
#686bd4 rgb(104,107,212) hsl(238,56%,62%)
#5458cf rgb(84,88,207) hsl(238,56%,57%)
#4045c9 rgb(64,69,201) hsl(238,56%,52%)
#3539bb rgb(53,57,187) hsl(238,56%,47%)
#2f33a7 rgb(47,51,167) hsl(238,56%,42%)
#2a2d93 rgb(42,45,147) hsl(238,56%,37%)
#24277f rgb(36,39,127) hsl(238,56%,32%)
#1e216b rgb(30,33,107) hsl(238,56%,27%)
#191b58 rgb(25,27,88) hsl(238,56%,22%)
#131544 rgb(19,21,68) hsl(238,56%,17%)
#0d0f30 rgb(13,15,48) hsl(238,56%,12%)
#08091c rgb(8,9,28) hsl(238,56%,7%)
#020208 rgb(2,2,8) hsl(238,56%,2%)

Adjacent colors

HEX RGB HSL
#68B3D5 rgb(104,179,213) hsl(199,56%,62%)
#686BD5 rgb(104,107,213) hsl(238,56%,62%)
#AD69D5 rgb(173,105,213) hsl(278,56%,62%)

Monochromatic colors

HEX RGB HSL
#DFE0F6 rgb(223,224,246) hsl(237,56%,92%)
#B7B8EB rgb(183,184,235) hsl(239,57%,82%)
#8F91E0 rgb(143,145,224) hsl(239,57%,72%)
#686BD5 rgb(104,107,213) hsl(238,56%,62%)
#4045C9 rgb(64,69,201) hsl(238,56%,52%)
#2E33A8 rgb(46,51,168) hsl(238,57%,42%)

Triad color palettes

HEX RGB HSL
#686BD5 rgb(104,107,213) hsl(238,56%,62%)
#D59C68 rgb(213,156,104) hsl(29,56%,62%)
#A1D668 rgb(161,214,104) hsl(89,57%,62%)

Tetrad color palettes

HEX RGB HSL
#686BD5 rgb(104,107,213) hsl(238,56%,62%)
#D5D168 rgb(213,209,104) hsl(58,56%,62%)
#68A1D5 rgb(104,161,213) hsl(209,56%,62%)
#A1D668 rgb(161,214,104) hsl(89,57%,62%)