HEX #686EB8 color — Blue Violet

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

Color codes

copy icon
copy icon
copy icon

Palette

686EB8 color palette from light to dark

HEX RGB HSL
#f1f2f8 rgb(241,242,248) hsl(236,36%,96%)
#e0e1f0 rgb(224,225,240) hsl(236,36%,91%)
#ced0e8 rgb(206,208,232) hsl(236,36%,86%)
#bdbfe0 rgb(189,191,224) hsl(236,36%,81%)
#acafd8 rgb(172,175,216) hsl(236,36%,76%)
#9a9ed0 rgb(154,158,208) hsl(236,36%,71%)
#898dc8 rgb(137,141,200) hsl(236,36%,66%)
#787dbf rgb(120,125,191) hsl(236,36%,61%)
#666cb7 rgb(102,108,183) hsl(236,36%,56%)
#555baf rgb(85,91,175) hsl(236,36%,51%)
#4b51a0 rgb(75,81,160) hsl(236,36%,46%)
#43488e rgb(67,72,142) hsl(236,36%,41%)
#3b3f7d rgb(59,63,125) hsl(236,36%,36%)
#33366c rgb(51,54,108) hsl(236,36%,31%)
#2a2e5a rgb(42,46,90) hsl(236,36%,26%)
#222549 rgb(34,37,73) hsl(236,36%,21%)
#1a1c37 rgb(26,28,55) hsl(236,36%,16%)
#121326 rgb(18,19,38) hsl(236,36%,11%)
#0a0b15 rgb(10,11,21) hsl(236,36%,6%)
#020203 rgb(2,2,3) hsl(236,36%,1%)

Adjacent colors

HEX RGB HSL
#68A3B8 rgb(104,163,184) hsl(196,36%,56%)
#686EB8 rgb(104,110,184) hsl(236,36%,56%)
#9769B8 rgb(151,105,184) hsl(275,36%,57%)

Monochromatic colors

HEX RGB HSL
#A6ABD5 rgb(166,171,213) hsl(234,36%,74%)
#878CC6 rgb(135,140,198) hsl(235,36%,65%)
#686EB8 rgb(104,110,184) hsl(236,36%,56%)
#4D54A4 rgb(77,84,164) hsl(235,36%,47%)
#3E4585 rgb(62,69,133) hsl(234,36%,38%)
#2F3365 rgb(47,51,101) hsl(236,36%,29%)

Triad color palettes

HEX RGB HSL
#686EB8 rgb(104,110,184) hsl(236,36%,56%)
#B88A68 rgb(184,138,104) hsl(26,36%,56%)
#96B868 rgb(150,184,104) hsl(86,36%,56%)

Tetrad color palettes

HEX RGB HSL
#686EB8 rgb(104,110,184) hsl(236,36%,56%)
#B8B368 rgb(184,179,104) hsl(56,36%,56%)
#6896B8 rgb(104,150,184) hsl(206,36%,56%)
#96B868 rgb(150,184,104) hsl(86,36%,56%)