I’m designing a scheduler which displays how someone is busy per certain period of time. That’s how it look now:
. These colors and percents and size say how much capacity is taken off a translator’s overall capacity per, in this case, a week.
On some of these bars I need to indicate that during the week a translator has, e.g. 2 days off. I need to be able to see this from a month’s perspective. So I’ve got a scheduler that’s divided into 4 weeks represented by 4 columns. Each column has a bar that shows how many percent of his week’s capacity he’s busy. But I need to be able to clearly indicate that during this business there are vacation days.
I cannot simply tell the system to calculate capacity including days off because of the industry’s specifics. Vacation is a different kind of information than being busy with projects.
I had an idea to put an icon there which symbols time off/vacation. Something like this:
The problem is the contrast. I cannot get good contrast keeping the three staatus colors (these are design system colors). Blue is a new one but I already spent more than hour researching different shades of blue and none fits.
Do you have any ideas how could I solve this issues differently?
I’ll be vert grateful for any kind of help.