Does CTA button colour actually matter? What the evidence says
There is no universally best CTA button colour. What matters is contrast — how clearly the button stands out from everything around it. The famous “red button beat green by 21%” tests weren’t proving red is a magic colour; they were proving that on those particular pages, one colour stood out and the other blended in. Change the page and the winner changes with it.
Why “best colour” studies mislead
Every button-colour test is run on one specific page, with one specific palette, for one specific audience. The result tells you what worked there.
The classic experiment that gets cited endlessly pitted a red button against a green one on a page whose branding was largely green. Red won — because it was the only element on the page that wasn’t part of the existing scheme. That’s a contrast finding dressed up as a colour finding. Run the same test on a red-branded page and green would likely win.
So when you see “orange converts best” or “green means go,” treat it as trivia, not instruction. There’s no colour that outperforms across all sites.
What actually drives button performance
In rough order of impact:
- Contrast against the surroundings. The button must be the most visually obvious thing in its area. If it shares a colour with your header, your links, and your badges, it disappears.
- Visual weight and size. Big enough to be an obvious target — especially on mobile, where a cramped button is a missed tap.
- Whitespace around it. A button crowded by other elements reads as one more piece of furniture.
- The words on it. Wording moves the needle far more than hue — see high-converting CTA words.
- Placement. A well-coloured button below the point of decision still loses. See CTA placement and sticky add-to-cart bars.
- Colour itself — a distant last, and mostly only insofar as it affects contrast.
How to choose your button colour
- Pick a colour nothing else on the page uses. Reserve it exclusively for primary actions. The moment that colour also appears on badges, links, and banners, it stops signalling “click me.”
- Use your brand’s accent, not its dominant colour. If your site is largely navy, a navy button vanishes. That’s exactly what an accent colour is for.
- Make secondary actions visually quieter — outline or plain text, never a second solid button competing for attention.
- Check it on a phone, outdoors. Subtle low-contrast palettes that look elegant on a desktop monitor can be genuinely invisible on a phone in daylight.
Accessibility isn’t optional here
A button nobody can read converts nobody. Two rules:
- Meet contrast standards. Aim for a contrast ratio of at least 4.5:1 between button text and button background (3:1 is the minimum for large text). Free contrast checkers will tell you in seconds.
- Never rely on colour alone. Around 1 in 12 men has some form of colour vision deficiency. If red-vs-green is the only thing distinguishing your primary button from a secondary one, a meaningful slice of your customers can’t tell them apart. Back colour up with size, position, and wording.
Accessible buttons aren’t a compliance tax — they’re simply buttons more people can see and use.
Should you test button colour?
Only after the bigger levers are done. Button colour is the most-tested and least-rewarding CTA experiment there is: on typical store traffic, any effect is usually too small to detect reliably, and you’ll burn weeks reaching significance on a result that wouldn’t change your revenue either way.
Test the wording, the placement, the offer, and the friction around it first. If you do test colour, test a genuinely high-contrast option against your current one — not two similar shades.
Not sure where your CTAs stand? The free CTA analyzer scores every call-to-action on your page in seconds.
The bigger picture
Button colour is the smallest lever on the smallest part of the funnel. Revyfix adds every leak — CTAs, speed, checkout friction, cart abandonment — into one score and ranks the fixes by payback, so you spend your time where the money actually is. See also what is a call to action.