0

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?

Any help is appreciated. (screenshots below)Here is our homepage. I just feel like the yellow doesn't really call any of the CTA's out

  • 2
    Hi. Welcome to GDSE. You should show what you have tried. We have special requirements for critique questions. Please read them and edit your question accordingly. Thanks. – Billy Kerr Sep 8 at 8:46
  • The small version of the logo looks like a sceptical smiley ;) – Wolff Sep 9 at 21:02
  • From my perspective I think the jumbotron would look better if the team was a silhouette with a gradient. Another issue I am finding is the flow is off with the color combination. Think you need to step back and figure what your front most features are. I would strongly suggest make a site from black and white in HTML than look into adding a color palette. – DᴀʀᴛʜVᴀᴅᴇʀ Sep 9 at 23:45
3

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.

enter image description here

All the red circles with an X are fails.

Note: I have no affiliation with the contrast checker website.

2

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.