HEX #686BD3 color — Moody Blue
The color #686BD3 is a dark shade and moderately saturated.
Palette
686BD3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f3fc |
rgb(243,243,252) |
hsl(238,55%,97%) |
#dfe0f6 |
rgb(223,224,246) |
hsl(238,55%,92%) |
#cccdf0 |
rgb(204,205,240) |
hsl(238,55%,87%) |
#b8baea |
rgb(184,186,234) |
hsl(238,55%,82%) |
#a4a6e5 |
rgb(164,166,229) |
hsl(238,55%,77%) |
#9093df |
rgb(144,147,223) |
hsl(238,55%,72%) |
#7d80d9 |
rgb(125,128,217) |
hsl(238,55%,67%) |
#696cd3 |
rgb(105,108,211) |
hsl(238,55%,62%) |
#5559ce |
rgb(85,89,206) |
hsl(238,55%,57%) |
#4146c8 |
rgb(65,70,200) |
hsl(238,55%,52%) |
#363aba |
rgb(54,58,186) |
hsl(238,55%,47%) |
#3034a6 |
rgb(48,52,166) |
hsl(238,55%,42%) |
#2a2e92 |
rgb(42,46,146) |
hsl(238,55%,37%) |
#25287e |
rgb(37,40,126) |
hsl(238,55%,32%) |
#1f226b |
rgb(31,34,107) |
hsl(238,55%,27%) |
#191b57 |
rgb(25,27,87) |
hsl(238,55%,22%) |
#141543 |
rgb(20,21,67) |
hsl(238,55%,17%) |
#0e0f2f |
rgb(14,15,47) |
hsl(238,55%,12%) |
#08091c |
rgb(8,9,28) |
hsl(238,55%,7%) |
#020208 |
rgb(2,2,8) |
hsl(238,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68B3D3 |
rgb(104,179,211) |
hsl(198,55%,62%) |
#686BD3 |
rgb(104,107,211) |
hsl(238,55%,62%) |
#AC69D3 |
rgb(172,105,211) |
hsl(278,55%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DDDEF5 |
rgb(221,222,245) |
hsl(238,55%,91%) |
#B6B8E9 |
rgb(182,184,233) |
hsl(238,54%,81%) |
#8F91DE |
rgb(143,145,222) |
hsl(238,54%,72%) |
#686BD3 |
rgb(104,107,211) |
hsl(238,55%,62%) |
#4045C7 |
rgb(64,69,199) |
hsl(238,55%,52%) |
#3033A5 |
rgb(48,51,165) |
hsl(238,55%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#686BD3 |
rgb(104,107,211) |
hsl(238,55%,62%) |
#D39C68 |
rgb(211,156,104) |
hsl(29,55%,62%) |
#A0D468 |
rgb(160,212,104) |
hsl(89,56%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686BD3 |
rgb(104,107,211) |
hsl(238,55%,62%) |
#D3D168 |
rgb(211,209,104) |
hsl(59,55%,62%) |
#68A1D3 |
rgb(104,161,211) |
hsl(208,55%,62%) |
#A0D468 |
rgb(160,212,104) |
hsl(89,56%,62%) |