40+ Website Color Statistics: Best Colors for Websites (2026)
White backgrounds, blue links and dark mode toggles are everywhere, but the data behind website color choices goes deeper. Here are 40+ website color statistics covering how sites use color, brand logo colors, dark mode, conversion tests and accessibility failures, each linked to its source.
Key Website Color Statistics (2026)
- 83.9% of the top million home pages have low-contrast text, the most common accessibility failure (WebAIM Million 2026)
- 95.9% of home pages have at least one detectable WCAG 2 failure, up from 94.8% in 2025 (WebAIM)
- 81.9% of Android Authority readers said they use dark mode on their phones in a 2020 poll (Android Authority)
- Blue and red each appear in 37% of the logos of the world’s 100 most valuable brands (2024 analysis)
- Testing shades of blue for ad links earned Google an extra $200 million a year, according to Google UK’s managing director (The Guardian)
- About 300 million people worldwide have color vision deficiency (Colour Blind Awareness)
Most Popular Website Colors
| Finding | Value | Source |
|---|---|---|
| Color values written as 6-digit hex (#RRGGBB) | 49% | Web Almanac 2022 |
| Color values written as 3-digit hex (#RGB) | 25% | Web Almanac 2022 |
| Color values using rgba() | 14% | Web Almanac 2022 |
| Pages using the transparent keyword | 8% | Web Almanac 2022 |
| Color formats used without alpha-channel support | 77% | Web Almanac 2022 |
| Most popular named colors | white, then black | Web Almanac 2022 |
| Default link color | Blue (browser default since the early web) | HTML/browser defaults |
Brand Color Usage on Websites
| Color | % of Top 100 Brand Logos (2024) | Common In |
|---|---|---|
| 🔵 Blue | 37% | Finance, tech, healthcare |
| 🔴 Red | 37% | Food, retail, entertainment |
| 🟡 Yellow/Orange | 26% | Energy, fast food, optimism |
| ⚫ Fully monochrome | 18% | Luxury, fashion, automotive |
| 🟢 Green | 8% | Health, organic, environment |
| 🟣 Other (brown, purple, pink) | 5% | Luxury, creativity, wellness |
- 88% of the 100 most valuable brands use only one or two colors in their logo; 50% use a single color (2024 analysis)
- Companies with consistent branding report revenue up to 33% higher in a 2019 Lucidpress survey of 200+ organizations (Lucidpress)
Dark Mode Statistics
| Statistic | Value | Source |
|---|---|---|
| Readers who use dark mode on their phone (2020 poll, 2,514 votes) | 81.9% | Android Authority |
| Readers who mix dark and light mode | 9.9% | Android Authority |
| Readers who do not use dark mode | 8.2% | Android Authority |
| Pages using the prefers-color-scheme media query (2022) | 8% | Web Almanac 2022 |
| OLED battery saved by dark mode at 100% brightness | 39-47% | Purdue University |
| OLED battery saved at typical 30-50% brightness | 3-9% | Purdue University |
Color & Conversion Rates
| Test / Finding | Result | Source |
|---|---|---|
| Google’s blue ad-link shade experiments | $200 million extra ad revenue a year | The Guardian (2014) |
| Red CTA button vs green (Performable test) | +21% clicks | Performable/HubSpot (2011) |
| Email CTA as a button vs a text link | +28% click-throughs | Campaign Monitor |
| People who stop engaging if content or layout is unattractive | 38% | Adobe State of Content (2015) |
| Credibility comments that mentioned visual design | 46.1% | Stanford (Fogg et al., 2002) |
Button-color tests rarely generalize: the Performable result came from one page, and what usually wins is contrast with the surrounding design rather than a particular hue.
Color Accessibility Statistics
| Statistic | Value | Source |
|---|---|---|
| Home pages with detected WCAG 2 failures | 95.9% | WebAIM Million 2026 |
| Home pages with low-contrast text | 83.9% (79.1% in 2025) | WebAIM Million 2026 |
| Low-contrast text instances per home page | 34 on average | WebAIM Million 2026 |
| People with color vision deficiency | 300 million worldwide | Colour Blind Awareness |
| Men with color blindness | 8% (1 in 12) | Colour Blind Awareness |
| Women with color blindness | 0.5% (1 in 200) | Colour Blind Awareness |
| WCAG minimum contrast ratio (AA) | 4.5:1 for normal text, 3:1 for large text | W3C |
Design takeaway: Never rely on color alone to convey information. Use labels, patterns, and icons alongside color. Test with a color blindness simulator before launching.
Website Color Trends 2025-2026
| Trend | Detail | Source |
|---|---|---|
| Pantone Color of the Year 2026 | Cloud Dancer (PANTONE 11-4201), a soft white | Pantone |
| Pantone Color of the Year 2025 | Mocha Mousse (PANTONE 17-1230), a warm brown | Pantone |
| Dark mode support | prefers-color-scheme on 8% of pages (2022) | Web Almanac 2022 |
| Low-contrast text | Rising: 83.9% of home pages in 2026 vs 79.1% in 2025 | WebAIM |
Color Psychology for Websites
| Color | Emotion / Association | Best For |
|---|---|---|
| 🔵 Blue | Trust, security, calm | Finance, tech, healthcare, SaaS |
| 🔴 Red | Urgency, passion, appetite | Food, sales, CTAs, clearance |
| 🟢 Green | Growth, health, nature | Organic, wellness, finance, eco |
| 🟡 Yellow | Optimism, attention, warning | Accents, notifications, highlights |
| 🟣 Purple | Luxury, creativity, wisdom | Beauty, premium brands, education |
| 🟠 Orange | Energy, friendliness, urgency | CTAs, ecommerce, entertainment |
| ⚫ Black | Elegance, power, sophistication | Luxury, fashion, photography |
| ⬜ White | Clean, minimal, spacious | Backgrounds, healthcare, tech |
For a deeper dive into how color affects behavior and purchasing, see our Color Psychology Statistics article.
Key Takeaways
- White + blue is the web’s default palette, and white and black are the most used named CSS colors.
- Support dark mode. Most surveyed phone users run dark mode, yet only 8% of pages checked prefers-color-scheme in 2022.
- Color accessibility is getting worse. Low-contrast text appears on 83.9% of top home pages, up from 79.1% a year earlier, and 300 million people have color vision deficiency.
- Test colors, but test contrast first. Google says one blue shade test was worth $200M a year; single button-color wins rarely transfer between sites.
- Keep brand palettes small. 88% of the most valuable brands use one or two logo colors.
Sources
- WebAIM — The WebAIM Million (2026)
- HTTP Archive — Web Almanac 2022: CSS
- Martin For Hire — Colors in Logo Design: The 100 Most Valuable Brands (2024)
- Android Authority — Dark mode poll results (2020)
- Purdue University — Dark mode battery study (2021)
- The Guardian — Why Google has 200m reasons to put engineers over designers
- Campaign Monitor — Buttons in email campaigns
- Stanford Persuasive Technology Lab — Web Credibility
- Colour Blind Awareness
- Pantone — Color of the Year 2026
- W3C — WCAG 2.2 Contrast (Minimum)
Frequently Asked Questions
What is the best color for a website background?
White (or near-white) remains the safest default because dark text on a light background is easy to read and simple to keep above WCAG contrast thresholds. Many users run dark mode on their devices (81.9% of Android Authority readers in a 2020 poll), so offering a dark theme through prefers-color-scheme is worth adding.
What color gets the most clicks?
No single color wins everywhere. Blue is the conventional link color, and Google UK’s managing director said testing shades of blue for ad links earned Google an extra $200 million a year. For buttons, a Performable test found a red button beat green by 21%, but the lesson is contrast with the page, not the hue itself.
What percentage of websites fail color accessibility?
In the WebAIM Million 2026, 95.9% of the top million home pages had detectable WCAG 2 failures. Low-contrast text was the most common issue, found on 83.9% of home pages with 34 instances per page on average.
Should I use dark mode on my website?
Offering it is worthwhile: 81.9% of Android Authority readers said they use dark mode on their phones. On OLED screens, Purdue researchers measured 39-47% battery savings at full brightness, but only 3-9% at typical 30-50% brightness.
For more design insights, see our Color Psychology Statistics, Web Design Statistics, and browse our free WordPress themes for color inspiration.
Related Posts
Comments (0)