- Color, generated from username;
- Symbol, taken as a 1st symbol from username;
- (Probably) Symbol color, to contrast with original color.
- Create effects for generated avatars like special border-color, text-shadow for Symbol, box-shadow with various colors, etc;
- Use color information to tint SVG image.
In this example we could set 2 colors:
- background (taken from original Color, #E7ECED in this case);
- and foreground for avatar image itself (taken from Symbol color or generated by LESS with invert or anything else, #55608 in this case).