根据背景颜色更改链接颜色？

Question

Our white-background webpages use the blue hyperlinks as shown in the image below.

Occasionally we have dash-bordered yellow information sections on a white webpage as shown. In that case someone said the blue hyperlink text was harder to see on their iPad, because there was not enough contrast between that blue and yellow.

If white correlates with the blue shown, is there a color formula to calculate what a darker blue should be for that yellow background?

Answer 1

I tried the following:

1. Getting the % R GB difference from white to the blue

2. Applying the % to the yellow.

Result:

By the way, this is with CSS mix-blend-mode: darken;

And there is another answer at:

https://ux.stackexchange.com/questions/144624/change-link-color-based-in-background-color/144627#144627