HEX #677AC1 color — Blue Marguerite
The color #677ac1 is a dark shade and slightly desaturated.
Palette
677ac1 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(227,42%,98%) |
#e6e9f5 |
rgb(230,233,245) |
hsl(227,42%,93%) |
#d4d9ed |
rgb(212,217,237) |
hsl(227,42%,88%) |
#c1c9e6 |
rgb(193,201,230) |
hsl(227,42%,83%) |
#afbade |
rgb(175,186,222) |
hsl(227,42%,78%) |
#9daad7 |
rgb(157,170,215) |
hsl(227,42%,73%) |
#8b9ad0 |
rgb(139,154,208) |
hsl(227,42%,68%) |
#798ac8 |
rgb(121,138,200) |
hsl(227,42%,63%) |
#677ac1 |
rgb(103,122,193) |
hsl(227,42%,58%) |
#556bb9 |
rgb(85,107,185) |
hsl(227,42%,53%) |
#475dae |
rgb(71,93,174) |
hsl(227,42%,48%) |
#40549c |
rgb(64,84,156) |
hsl(227,42%,43%) |
#384a8a |
rgb(56,74,138) |
hsl(227,42%,38%) |
#314077 |
rgb(49,64,119) |
hsl(227,42%,33%) |
#293665 |
rgb(41,54,101) |
hsl(227,42%,28%) |
#222d53 |
rgb(34,45,83) |
hsl(227,42%,23%) |
#1b2341 |
rgb(27,35,65) |
hsl(227,42%,18%) |
#13192f |
rgb(19,25,47) |
hsl(227,42%,13%) |
#0c101d |
rgb(12,16,29) |
hsl(227,42%,8%) |
#04060b |
rgb(4,6,11) |
hsl(227,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67B5C1 |
rgb(103,181,193) |
hsl(188,42%,58%) |
#677AC1 |
rgb(103,122,193) |
hsl(227,42%,58%) |
#9066C1 |
rgb(144,102,193) |
hsl(268,42%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#AAB5DC |
rgb(170,181,220) |
hsl(227,42%,76%) |
#8896CE |
rgb(136,150,206) |
hsl(228,42%,67%) |
#677AC1 |
rgb(103,122,193) |
hsl(227,42%,58%) |
#485EB0 |
rgb(72,94,176) |
hsl(227,42%,49%) |
#3A4D8E |
rgb(58,77,142) |
hsl(226,42%,39%) |
#2C3B6D |
rgb(44,59,109) |
hsl(226,42%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#677AC1 |
rgb(103,122,193) |
hsl(227,42%,58%) |
#C18267 |
rgb(193,130,103) |
hsl(18,42%,58%) |
#A7C267 |
rgb(167,194,103) |
hsl(78,43%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677AC1 |
rgb(103,122,193) |
hsl(227,42%,58%) |
#C1AD67 |
rgb(193,173,103) |
hsl(47,42%,58%) |
#67A6C1 |
rgb(103,166,193) |
hsl(198,42%,58%) |
#A7C267 |
rgb(167,194,103) |
hsl(78,43%,58%) |