Skip to main content
Home / Contrast Pages / check-navy-and-gold

Accessibility Contrast: Navy and Gold

Analyzing Navy Blue (#002060) foreground text over Golden Yellow (#FFD700) background.

Contrast Ratio
10.88:1
WCAG AAA Pass

WCAG 2.1 Compliance Ratings

AA Normal Text (4.5:1) ✓ PASS
AA Large Text (3.0:1) ✓ PASS
AAA Normal Text (7.0:1) ✓ PASS
AAA Large Text (4.5:1) ✓ PASS

Live Render Preview

Navy and Gold Accessibility Mockup

A professional and prestigious color pairing that provides excellent contrast while maintaining a warm visual appeal. This paragraph displays how the foreground color reads at a body font size. Under WCAG definitions, normal text requires a higher contrast ratio than larger display headers.

Sample Tag

Want to optimize this color palette?

Load this combination into our interactive color contrast tool. Use the HSL auto-adjuster slider to modify values and fix failing guidelines dynamically.

Open in Interactive Contrast Editor

Contrast FAQs & Regulatory Info

Does the Navy and Gold combination comply with ADA standards?

Under current ADA Title III guidelines, digital services are audited against WCAG 2.1 level AA. This pairing scores a contrast ratio of 10.88:1. This means it meets the 4.5:1 minimum threshold for body text, and meets the 3.0:1 threshold for large text elements.


What defines large text vs normal text in contrast requirements?

Large text is defined by the W3C as text that is at least 18 point (typically 24px) or 14 point bold (typically 18.67px bold). Normal text is any text below these sizes, requiring a higher minimum contrast ratio of 4.5:1 because smaller font sizes are significantly harder to read at lower contrast.