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.
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. To learn more about color blindness and accessibility, check out this great run-down of tips for designing with color.
If you're building a color palette or working on a rebrand, use the Accessible Brand Colors tool from the LA-based studio Use All Five. By plugging in your HEX color codes, you can generate a chart to see how ADA-compliant your colors are in relation to each other and find similar colors that work better, if needed.
WCAG Contrast Standards:
Want to learn a little more about how color and other design choices can impact accessibility? Check out the links below!
