HEX #687AD2 color — Moody Blue
The color #687AD2 is a dark shade and moderately saturated.
Palette
687AD2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(230,54%,97%) |
#e0e3f6 |
rgb(224,227,246) |
hsl(230,54%,92%) |
#ccd2f0 |
rgb(204,210,240) |
hsl(230,54%,87%) |
#b8c1ea |
rgb(184,193,234) |
hsl(230,54%,82%) |
#a5afe4 |
rgb(165,175,228) |
hsl(230,54%,77%) |
#919ede |
rgb(145,158,222) |
hsl(230,54%,72%) |
#7d8dd8 |
rgb(125,141,216) |
hsl(230,54%,67%) |
#6a7bd2 |
rgb(106,123,210) |
hsl(230,54%,62%) |
#566acd |
rgb(86,106,205) |
hsl(230,54%,57%) |
#4359c7 |
rgb(67,89,199) |
hsl(230,54%,52%) |
#374db9 |
rgb(55,77,185) |
hsl(230,54%,47%) |
#3145a5 |
rgb(49,69,165) |
hsl(230,54%,42%) |
#2b3c91 |
rgb(43,60,145) |
hsl(230,54%,37%) |
#26347e |
rgb(38,52,126) |
hsl(230,54%,32%) |
#202c6a |
rgb(32,44,106) |
hsl(230,54%,27%) |
#1a2456 |
rgb(26,36,86) |
hsl(230,54%,22%) |
#141c43 |
rgb(20,28,67) |
hsl(230,54%,17%) |
#0e142f |
rgb(14,20,47) |
hsl(230,54%,12%) |
#080b1b |
rgb(8,11,27) |
hsl(230,54%,7%) |
#020308 |
rgb(2,3,8) |
hsl(230,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68C2D2 |
rgb(104,194,210) |
hsl(189,54%,62%) |
#687AD2 |
rgb(104,122,210) |
hsl(230,54%,62%) |
#9C69D2 |
rgb(156,105,210) |
hsl(269,54%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DCE0F4 |
rgb(220,224,244) |
hsl(230,52%,91%) |
#B5BFE9 |
rgb(181,191,233) |
hsl(228,54%,81%) |
#8E9CDD |
rgb(142,156,221) |
hsl(229,54%,71%) |
#687AD2 |
rgb(104,122,210) |
hsl(230,54%,62%) |
#4157C6 |
rgb(65,87,198) |
hsl(230,54%,52%) |
#3145A4 |
rgb(49,69,164) |
hsl(230,54%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#687AD2 |
rgb(104,122,210) |
hsl(230,54%,62%) |
#D28C68 |
rgb(210,140,104) |
hsl(20,54%,62%) |
#AFD168 |
rgb(175,209,104) |
hsl(79,53%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#687AD2 |
rgb(104,122,210) |
hsl(230,54%,62%) |
#D2BF68 |
rgb(210,191,104) |
hsl(49,54%,62%) |
#68B0D2 |
rgb(104,176,210) |
hsl(199,54%,62%) |
#AFD168 |
rgb(175,209,104) |
hsl(79,53%,61%) |