HEX #686EB6 color — Blue Violet

The color #686EB6 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

686EB6 color palette from light to dark

HEX RGB HSL
#f1f2f8 rgb(241,242,248) hsl(235,35%,96%)
#e0e1f0 rgb(224,225,240) hsl(235,35%,91%)
#cfd1e8 rgb(207,209,232) hsl(235,35%,86%)
#bec0e0 rgb(190,192,224) hsl(235,35%,81%)
#acb0d7 rgb(172,176,215) hsl(235,35%,76%)
#9b9fcf rgb(155,159,207) hsl(235,35%,71%)
#8a8fc7 rgb(138,143,199) hsl(235,35%,66%)
#797fbe rgb(121,127,190) hsl(235,35%,61%)
#686eb6 rgb(104,110,182) hsl(235,35%,56%)
#565eae rgb(86,94,174) hsl(235,35%,51%)
#4c539e rgb(76,83,158) hsl(235,35%,46%)
#444a8d rgb(68,74,141) hsl(235,35%,41%)
#3c417c rgb(60,65,124) hsl(235,35%,36%)
#33386b rgb(51,56,107) hsl(235,35%,31%)
#2b2f5a rgb(43,47,90) hsl(235,35%,26%)
#232648 rgb(35,38,72) hsl(235,35%,21%)
#1b1d37 rgb(27,29,55) hsl(235,35%,16%)
#121426 rgb(18,20,38) hsl(235,35%,11%)
#0a0b15 rgb(10,11,21) hsl(235,35%,6%)
#020203 rgb(2,2,3) hsl(235,35%,1%)

Adjacent colors

HEX RGB HSL
#68A3B6 rgb(104,163,182) hsl(195,35%,56%)
#686EB6 rgb(104,110,182) hsl(235,35%,56%)
#9669B6 rgb(150,105,182) hsl(275,35%,56%)

Monochromatic colors

HEX RGB HSL
#A5A8D3 rgb(165,168,211) hsl(236,34%,74%)
#868CC4 rgb(134,140,196) hsl(234,34%,65%)
#686EB6 rgb(104,110,182) hsl(235,35%,56%)
#4E54A1 rgb(78,84,161) hsl(236,35%,47%)
#3F4583 rgb(63,69,131) hsl(235,35%,38%)
#303664 rgb(48,54,100) hsl(233,35%,29%)

Triad color palettes

HEX RGB HSL
#686EB6 rgb(104,110,182) hsl(235,35%,56%)
#B68A68 rgb(182,138,104) hsl(26,35%,56%)
#95B568 rgb(149,181,104) hsl(85,34%,56%)

Tetrad color palettes

HEX RGB HSL
#686EB6 rgb(104,110,182) hsl(235,35%,56%)
#B6B068 rgb(182,176,104) hsl(55,35%,56%)
#6894B6 rgb(104,148,182) hsl(206,35%,56%)
#95B568 rgb(149,181,104) hsl(85,34%,56%)