The Color Psychology Myth (Partially)
The claim that 'red buttons outperform green by 21%' (from a famous Hubspot test) has been cited millions of times. But this finding — that red outperformed green on one specific page for one company in one context — has been incorrectly generalized into a universal principle.
Color affects conversion, but not because of the specific color — because of contrast. The red button outperformed the green button in that test because the page design made red more visually prominent. The lesson is 'increase contrast', not 'use red'.
What Actually Matters: Contrast and Noticeability
Your CTA button must immediately stand out from the surrounding design. This is the functional purpose of CTA color — it has nothing to do with psychological associations of specific colors and everything to do with making the action obvious.
Test: take a screenshot of your landing page and squint until you can barely see it. Is the CTA button still the most visually prominent element? If not, it needs higher contrast. If the button blends into the background, header, or surrounding elements, you're losing conversions to visual hierarchy failure.
When Color Associations Matter
Color psychology effects are real but subtle. Green is associated with 'go', safety, and positive action — it can create a slight positive association for action-oriented CTAs. Orange creates urgency and energy — common in conversion-focused designs for this reason. Red creates urgency and can signal risk.
These associations matter more for the emotional context of the offer than for basic button visibility. A red 'Delete account' button appropriately signals risk. An orange 'Start free trial' button appropriately signals action and energy. Don't choose colors that create incongruous associations.
The Right Approach to Testing CTA Color
Don't start by testing color — start by ensuring your CTA button has sufficient contrast (WCAG AA minimum: 4.5:1 contrast ratio with the background). Use a contrast checker (webaim.org/resources/contrastchecker) to verify.
Once contrast is sufficient, test colors only if you have a specific hypothesis about why a different color might perform better for your specific audience. 'Red performs better universally' is not a hypothesis — 'our analytics show European visitors convert lower and green is more culturally neutral for them' is.
Other Button Properties That Matter More Than Color
In roughly descending order of impact: button copy (highest impact), button position (second highest), button size (third), contrast with background (fourth), color within the high-contrast range (fifth). Most teams that focus on color are optimizing the wrong variable.
The most reliable CTA improvement process: first get the copy right (specific, first-person, outcome-focused), then get the position right (above fold, after value sections), then ensure adequate size and contrast. Only then does color refinement have meaningful ROI.