If you create custom graphics for your social media, keep color contrast in mind. Some color combinations make copy difficult or impossible to read, either because there isn’t enough contrast, or the color pairing is causing the text to appear as if it’s vibrating. Color contrast is also important to consider when creating physical marketing materials or developing webpages.
See the below chart for a breakdown of good and poor color pairings based on WCAG accessibility criteria. The X axis (rows) indicates the color of the text and the Y axis (columns) indicates the color of the background.
Please note that the chart is best viewed on a larger screen than the average mobile device.
The Adobe Color site has a great contrast analyzer to help you create accessible color palettes that meet WCAG contrast standards as well as a color blind tool that simulates how your color scheme would look to someone who has deuteranopia, protanopia, or tritanopia. If you'd like to learn more about color blindness and accessibility, check out this great run-down of tips for designing with color.
WCAG Contrast Standards: