It may not seem like much, but colors are an important factor in making sure that your social media post is compressible. Most of this information may seem more suitable for UX design, but it can be easily applied to any graphic social media post you decide to share.
What are contrasting colors? Contrasting colors, as mentioned by Daniella Alscher from G2:
"are colors that differ from one another. Levels of contrast vary from high to low, depending on their position on the color wheel. For example, colors that are directly opposite one another on the color wheel have the highest contrast possible, while colors next to one another have a low contrast."
Essentially colors that are directly across from each other on the color wheel are high contrast colors (see below). High contrast colors are a bold move, but sometimes bold color choices do work well, like Mozilla Firefox's orange and blue logo (see image to the right).
Image courtesy of commons.wikimedia.org
This color wheel points the contrasting colors: red/green, orange/blue, and purple/yellow. This is a great guide to use when stumped on what colors to use.
Using high contrast colors help with digital accessibility for people with visual impairments. In Daniella Alscher's article, "Color Contrast: For the Sake of Aesthetic and Accessibility", she mentions that the WCAG (Web Content Accessibility Guide) recommends that colors should have a ratio of 4.5:1 with the exception of large text, logos, or intentional low contrast on the web.
This site is free and it goes into depth about color theory and how to pair colors together.
This site offers all of the same details as Canva Color Wheel, but it also offers a contrast checker. This site is also free to use