HEX #677FC1 color — Blue Marguerite
The color #677fc1 is a dark shade and slightly desaturated.
Palette
677fc1 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(224,42%,98%) |
#e6eaf5 |
rgb(230,234,245) |
hsl(224,42%,93%) |
#d4daed |
rgb(212,218,237) |
hsl(224,42%,88%) |
#c1cbe6 |
rgb(193,203,230) |
hsl(224,42%,83%) |
#afbcde |
rgb(175,188,222) |
hsl(224,42%,78%) |
#9dadd7 |
rgb(157,173,215) |
hsl(224,42%,73%) |
#8b9dd0 |
rgb(139,157,208) |
hsl(224,42%,68%) |
#798ec8 |
rgb(121,142,200) |
hsl(224,42%,63%) |
#677fc1 |
rgb(103,127,193) |
hsl(224,42%,58%) |
#5570b9 |
rgb(85,112,185) |
hsl(224,42%,53%) |
#4762ae |
rgb(71,98,174) |
hsl(224,42%,48%) |
#40589c |
rgb(64,88,156) |
hsl(224,42%,43%) |
#384e8a |
rgb(56,78,138) |
hsl(224,42%,38%) |
#314477 |
rgb(49,68,119) |
hsl(224,42%,33%) |
#293965 |
rgb(41,57,101) |
hsl(224,42%,28%) |
#222f53 |
rgb(34,47,83) |
hsl(224,42%,23%) |
#1b2541 |
rgb(27,37,65) |
hsl(224,42%,18%) |
#131b2f |
rgb(19,27,47) |
hsl(224,42%,13%) |
#0c101d |
rgb(12,16,29) |
hsl(224,42%,8%) |
#04060b |
rgb(4,6,11) |
hsl(224,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67BAC1 |
rgb(103,186,193) |
hsl(185,42%,58%) |
#677FC1 |
rgb(103,127,193) |
hsl(224,42%,58%) |
#8B66C1 |
rgb(139,102,193) |
hsl(264,42%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#AAB8DC |
rgb(170,184,220) |
hsl(223,42%,76%) |
#889CCE |
rgb(136,156,206) |
hsl(223,42%,67%) |
#677FC1 |
rgb(103,127,193) |
hsl(224,42%,58%) |
#4863B0 |
rgb(72,99,176) |
hsl(224,42%,49%) |
#3A528E |
rgb(58,82,142) |
hsl(223,42%,39%) |
#2C3D6D |
rgb(44,61,109) |
hsl(224,42%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#677FC1 |
rgb(103,127,193) |
hsl(224,42%,58%) |
#C17D67 |
rgb(193,125,103) |
hsl(15,42%,58%) |
#ACC267 |
rgb(172,194,103) |
hsl(75,43%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677FC1 |
rgb(103,127,193) |
hsl(224,42%,58%) |
#C1A867 |
rgb(193,168,103) |
hsl(43,42%,58%) |
#67ABC1 |
rgb(103,171,193) |
hsl(195,42%,58%) |
#ACC267 |
rgb(172,194,103) |
hsl(75,43%,58%) |