Perplexity leads with #20808D (cyan) set in PPLX Serif; OpenAI with #000000 (black) set in OpenAI Sans. Both use pill-shaped controls, and 8 of 9 versus 6 of 7 key color pairings pass WCAG 2.1 AA.
Body copy at reading size.
Body copy at reading size.
Measured values side by side. The last column is arithmetic on those values, not a judgment.
| Attribute | Perplexity | OpenAI | Difference |
|---|---|---|---|
| Primary color | #20808D · Cyan | #000000 · Black | Different hue, OKLab ΔE 55.9 |
| Text color | #121516 | #0D0D0D | OKLab ΔE 3.4 |
| Canvas | #FAF8F5 · Warm paper | #FFFFFF · Neutral white | Different surface tone |
| Mode | Light | Light | Same |
| Heading font | PPLX Serif (free stand-in Newsreader) | OpenAI Sans (free stand-in Inter) | Different families |
| Body font | PPLX Sans (free stand-in Inter) | OpenAI Sans (free stand-in Inter) | Different families |
| Control radius | pill (9999px) | pill (9999px) | Identical |
| Card radius | 16px | 24px | OpenAI rounder by 8px |
| Radius style | Pill | Pill | Same |
| WCAG 2.1 AA | 8 of 9 (89%) | 6 of 7 (86%) | Perplexity higher by 3 pts |
| WCAG 2.1 AAA | 4 of 9 (44%) | 5 of 7 (71%) | OpenAI higher by 27 pts |
| Button label contrast | 4.63:1 | 21.00:1 | OpenAI higher by 16.37 |
| Technical SEO | 84/100 | Not published (HTTP 403) | Not comparable |
| Data from | 11 Nov 2026 | 10 Nov 2026 | Both reference snapshots |
| Pairing | Perplexity | OpenAI |
|---|---|---|
| Body text on surface | Aa17.31:1AA | Aa19.44:1AA |
| Secondary text on surface | Aa4.69:1AA | Aa6.58:1AA |
| Primary as link/text on surface | Aa4.37:1Large | Aa21.00:1AA |
| Button label on primary | Aa4.63:1AA | Aa21.00:1AA |
| Accent on surface | Aa4.58:1AA | Aa3.20:1Large |
| White on secondary | Aa18.35:1AA | Aa19.44:1AA |
| Body text on white | Aa18.35:1AA | same colors as another pairing |
| Dark mode: text on canvas | Aa17.77:1AA | Aa18.17:1AA |
| Dark mode: primary on canvas | Aa4.64:1AA | same colors as another pairing |
Homepage checks from each dated scan. Sites that refuse automated requests show no score rather than an estimate.
openai.com refuses automated requests (HTTP 403), so no SEO metrics are published for it. Nothing is estimated.
Perplexity uses #20808D as primary, #121516 as secondary and #B2582D as accent, with #121516 text on #FAF8F5. OpenAI uses #000000 as primary, #0D0D0D as secondary and #10A37F as accent, with #0D0D0D text on #FFFFFF. Click any swatch on this page to copy its hex code.
Perplexity sets headings in PPLX Serif (free stand-in Newsreader) and body text in PPLX Sans (free stand-in Inter). OpenAI sets headings in OpenAI Sans (free stand-in Inter). Proprietary faces are previewed with the named free Google Fonts stand-in.
Perplexity uses pill-shaped controls and 16px cards (pill geometry). OpenAI uses pill-shaped controls and 24px cards (pill geometry). Control radius: identical.
Perplexity passes 8 of 9 key pairings at WCAG 2.1 AA (89%) and 4 at AAA. OpenAI passes 6 of 7 at AA (86%) and 5 at AAA. The pairings cover body text, links, buttons and dark mode.
Perplexity's homepage scores 84/100, with 11 of 14 checks passing. openai.com refuses automated requests (HTTP 403), so no SEO score is published for it. Scores come from SuiteAnvil's 14 weighted technical checks (title, description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and more) and are never estimated.
Enter your URL in the benchmark form on this page. SuiteAnvil scans your homepage, CSS and sitemap, then opens the same side-by-side view of your site against OpenAI, or against Perplexity.
Dated snapshots of each company's public website styling for educational and interoperability purposes. Brands evolve; values may change. Names and logos are trademarks of their owners, shown for identification only; SuiteAnvil is not affiliated with or endorsed by Perplexity or OpenAI.
SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice