There are four colour schemes for our blog posts: teal, pink, orange, yellow - see scss/blog-colour-schemes.scss.
Of these, only the pink colour scheme passes contrast checks at AA standard, on a white background:
The others fail, with yellow being the worst offender:
It's important to note this indicates a general problem with our branding, though the plain white background is clearly not helping, as with a dark background the remaining three pass, e.g.
Solution?
For our blog, we might want to consider straying beyond our strict corporate theme colours, even if it just means darkening them a little, e.g.
#EC6F27
#27A4AA
Yellow is never going to pass though, on a white background 🫥
For this issue, I suggest adopting the above darkened colours and removing yellow entirely.
Problem
There are four colour schemes for our blog posts: teal, pink, orange, yellow - see
scss/blog-colour-schemes.scss
.Of these, only the pink colour scheme passes contrast checks at AA standard, on a white background:
The others fail, with yellow being the worst offender:
It's important to note this indicates a general problem with our branding, though the plain white background is clearly not helping, as with a dark background the remaining three pass, e.g.
Solution?
For our blog, we might want to consider straying beyond our strict corporate theme colours, even if it just means darkening them a little, e.g.
#EC6F27
#27A4AA
Yellow is never going to pass though, on a white background 🫥
For this issue, I suggest adopting the above darkened colours and removing yellow entirely.