Design & Color

Free WCAG Contrast Checker

Check text and UI color contrast ratios against common WCAG AA and AAA thresholds.

Tool

Foreground

Background

Sample readable text and interface label

13.37:1

Contrast ratio between #06343F and #FFFFFF

Luminance and ratio are computed in your browser using the WCAG 2.2 formula. Nothing is sent to a server.

Computes relative luminance for the foreground and background colors.
Contrast ratio is calculated as (lighter + 0.05) divided by (darker + 0.05).
Shows common WCAG thresholds: 4.5:1 for normal AA text, 3:1 for large text and non-text UI, and 7:1 for normal AAA text.

These tools give estimates for planning. Agency schedules change — always confirm against the official issuance before filing or paying.

Level up your operations with a system built for growth and efficiency.