HEX #686BD8 color — Moody Blue
The color #686BD8 is a dark shade and moderately saturated.
Palette
686BD8 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(238,59%,98%) |
#e3e3f8 |
rgb(227,227,248) |
hsl(238,59%,93%) |
#ced0f2 |
rgb(206,208,242) |
hsl(238,59%,88%) |
#babced |
rgb(186,188,237) |
hsl(238,59%,83%) |
#a6a8e8 |
rgb(166,168,232) |
hsl(238,59%,78%) |
#9294e3 |
rgb(146,148,227) |
hsl(238,59%,73%) |
#7d80de |
rgb(125,128,222) |
hsl(238,59%,68%) |
#696dd8 |
rgb(105,109,216) |
hsl(238,59%,63%) |
#5559d3 |
rgb(85,89,211) |
hsl(238,59%,58%) |
#4045ce |
rgb(64,69,206) |
hsl(238,59%,53%) |
#3237c3 |
rgb(50,55,195) |
hsl(238,59%,48%) |
#2d31ae |
rgb(45,49,174) |
hsl(238,59%,43%) |
#282c9a |
rgb(40,44,154) |
hsl(238,59%,38%) |
#232686 |
rgb(35,38,134) |
hsl(238,59%,33%) |
#1d2072 |
rgb(29,32,114) |
hsl(238,59%,28%) |
#181a5d |
rgb(24,26,93) |
hsl(238,59%,23%) |
#131549 |
rgb(19,21,73) |
hsl(238,59%,18%) |
#0e0f35 |
rgb(14,15,53) |
hsl(238,59%,13%) |
#080920 |
rgb(8,9,32) |
hsl(238,59%,8%) |
#03030c |
rgb(3,3,12) |
hsl(238,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#68B5D8 |
rgb(104,181,216) |
hsl(199,59%,63%) |
#686BD8 |
rgb(104,107,216) |
hsl(238,59%,63%) |
#AF69D8 |
rgb(175,105,216) |
hsl(278,59%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E2E3F7 |
rgb(226,227,247) |
hsl(237,57%,93%) |
#B9BAED |
rgb(185,186,237) |
hsl(239,59%,83%) |
#9094E2 |
rgb(144,148,226) |
hsl(237,59%,73%) |
#686BD8 |
rgb(104,107,216) |
hsl(238,59%,63%) |
#3F42CD |
rgb(63,66,205) |
hsl(239,59%,53%) |
#2C30AC |
rgb(44,48,172) |
hsl(238,59%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#686BD8 |
rgb(104,107,216) |
hsl(238,59%,63%) |
#D89E68 |
rgb(216,158,104) |
hsl(29,59%,63%) |
#A3D968 |
rgb(163,217,104) |
hsl(89,60%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686BD8 |
rgb(104,107,216) |
hsl(238,59%,63%) |
#D8D668 |
rgb(216,214,104) |
hsl(59,59%,63%) |
#68A3D8 |
rgb(104,163,216) |
hsl(208,59%,63%) |
#A3D968 |
rgb(163,217,104) |
hsl(89,60%,63%) |