I am trying to improve an existing web site, and this is what I am starting with:
<body style=' background-color: rgb(50,101,152); color: red; text-decoration-color: red; text-decoration-style: solid; font-size: 12px; font-weight: 700; font-family: "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif; //text-shadow: 0px 0px 15px white; '> This is hard to read! </body>
I find that this color combination is hard to read. Others disagree, but we have agreed that it depends a lot on contrast, brightness, and other display properties (even the viewing angle):
I have already experimented quite a bit with
text-shadow (see code above), but as I improve things on one display, it gets worse on another.
What else can I try to make this more readable on a variety of displays, while maintaining the overall color scheme?