HEX #686AD4 color — Moody Blue
The color #686ad4 is a dark shade and moderately saturated.
Palette
686ad4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f3fc |
rgb(243,243,252) |
hsl(239,56%,97%) |
#dfe0f6 |
rgb(223,224,246) |
hsl(239,56%,92%) |
#cbccf0 |
rgb(203,204,240) |
hsl(239,56%,87%) |
#b7b8eb |
rgb(183,184,235) |
hsl(239,56%,82%) |
#a4a5e5 |
rgb(164,165,229) |
hsl(239,56%,77%) |
#9091e0 |
rgb(144,145,224) |
hsl(239,56%,72%) |
#7c7dda |
rgb(124,125,218) |
hsl(239,56%,67%) |
#686ad4 |
rgb(104,106,212) |
hsl(239,56%,62%) |
#5456cf |
rgb(84,86,207) |
hsl(239,56%,57%) |
#4042c9 |
rgb(64,66,201) |
hsl(239,56%,52%) |
#3537bb |
rgb(53,55,187) |
hsl(239,56%,47%) |
#2f31a7 |
rgb(47,49,167) |
hsl(239,56%,42%) |
#2a2b93 |
rgb(42,43,147) |
hsl(239,56%,37%) |
#24257f |
rgb(36,37,127) |
hsl(239,56%,32%) |
#1e206b |
rgb(30,32,107) |
hsl(239,56%,27%) |
#191a58 |
rgb(25,26,88) |
hsl(239,56%,22%) |
#131444 |
rgb(19,20,68) |
hsl(239,56%,17%) |
#0d0e30 |
rgb(13,14,48) |
hsl(239,56%,12%) |
#08081c |
rgb(8,8,28) |
hsl(239,56%,7%) |
#020208 |
rgb(2,2,8) |
hsl(239,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68B3D4 |
rgb(104,179,212) |
hsl(198,56%,62%) |
#686AD4 |
rgb(104,106,212) |
hsl(239,56%,62%) |
#AE69D4 |
rgb(174,105,212) |
hsl(279,55%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DEDEF5 |
rgb(222,222,245) |
hsl(240,53%,92%) |
#B6B8EA |
rgb(182,184,234) |
hsl(238,55%,82%) |
#8F91DF |
rgb(143,145,223) |
hsl(239,56%,72%) |
#686AD4 |
rgb(104,106,212) |
hsl(239,56%,62%) |
#4042C8 |
rgb(64,66,200) |
hsl(239,55%,52%) |
#2F33A7 |
rgb(47,51,167) |
hsl(238,56%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#686AD4 |
rgb(104,106,212) |
hsl(239,56%,62%) |
#D49C68 |
rgb(212,156,104) |
hsl(29,56%,62%) |
#A0D468 |
rgb(160,212,104) |
hsl(89,56%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686AD4 |
rgb(104,106,212) |
hsl(239,56%,62%) |
#D4D168 |
rgb(212,209,104) |
hsl(58,56%,62%) |
#68A1D4 |
rgb(104,161,212) |
hsl(208,56%,62%) |
#A0D468 |
rgb(160,212,104) |
hsl(89,56%,62%) |