Colour Contrast for Dark Mode

Contrast is important for accessibility in both Light Mode and Dark mode.

Felix Higgs avatar
Written by Felix Higgs
Updated over a week ago

Adequate contrast between your background and your text is necessary so that all your subscribers can easily read your emails.

Maintaining good contrast between your text and background in Light Mode is likely to improve your results in Dark Mode as well.

Email clients tend to aim for a certain level of contrast in Dark Mode, so if your email’s colours are adjusted but the contrast is poor, your design is likely to undergo even more modification to bring the contrast levels up. Having strong contrast to begin with can help to avoid this situation.

When you are building in Knak, we’ll show a warning on the Optimize Tab when your colour contrast does not meet recommended standards.

You can click the ‘Highlight’ button to see the relevant section in the builder and the ‘Edit’ button to go straight to the settings for the affected area so that you can change them.

A colour contrast checker like https://www.experte.com/accessibility/contrast will help you select colours that have more adequate contrast.

If you are using dark mode editing, we’ll also show a warning on the Optimize Tab when your dark mode colour contrast does not meet recommended standards.

Did this answer your question?