Skip to main content
Heatmap colour guide

Heatmap colour guide

Updated over 3 months ago

Here is a guide to the different colours within the heatmap and what they represent.

Positive colours

Positive colours are green and represent any percentage points above the average for that variable.

The default RGB colour code for this is 63,172,72:

The opacity of that colour then changes depending on the difference value. This is the scale. Each value represents one percentage point.

If the value is 0, then the opacity is 0, which just shows as white.

If the value is between 1 and 2, the opacity is set to 20%:

If the value is between 3 and 4, the opacity is set to 40%:

If the value is between 5 and 9, the opacity is set to 60%:


If the value is between 10 and 19, the opacity is set to 80%:

If the value is 20 and above, the opacity is set to 100%:

Negative colours

Negative colours are red and represent any percentage points below the average for that variable.

The default RGB colour code for this is 205,19,53:

The opacity of that colour then changes depending on the difference value. This is the scale. Each value represents one percentage point.

If the value is 0, then the opacity is 0, which just shows as white.

If the value is between 1 and 2, the opacity is set to 20%:

If the value is between 3 and 4, the opacity is set to 40%:

If the value is between 5 and 9, the opacity is set to 60%:

If the value is between 10 and 19, the opacity is set to 80%:

If the value is 20 and above, the opacity is set to 100%:

Did this answer your question?