I am just getting into UI design. I have a site I am working with right now whose primary color is #ffb606(yellow). All of my CTA's are yellow with white text. I need to change the CTA color but I am not sure if I should go with a more reddish-orange that is in our logo. Or should I choose something completely different?
All I am going to say is that white text (#FFFFFF) on a light orange-yellow (#FFB62A) button fails the Web Content Accessibility Guidelines (WCAG).
I tested that colour combination on contrastchecker.com, and it fails every single criterion across the board. Choose a different colour instead, and choose a contrasting text colour.
All the red circles with an X are fails.
Note: I have no affiliation with the contrast checker website.
For a website CTA you should always consider:
- good contrast between button and background
- good contrast between button and text
- it looks like a button or link
From there it's pretty much up to you what color to use. In my tests usually the specific color doesn't matter, as long as it fits the three criteria above.
In your case, I'd use a completely different color than other elements in the site. Everything is black / white / orange on the screen, so a green or red button would instantly draw more attention to it than the current orange button.