What is a good contrast text color on a black background? White. What about on a white background? Black. What about on #f06d06? Less clear. Devon Govett posted a good trick to having CSS pick for you, which works across browsers today. Lea Verou has a much deeper dive. There is supposed to be a CSS color-contrast() function, but it’s not usable across browsers yet.
Wanna learn Accessibility deeply?
We have a great course on accessibility from Jon Kuperman of Cloudflare. You'll learn how to make your websites more accessible to a wider audience. And if you want to make your React apps more accessible, we've got that too!